Como posso obter a palavra mais próxima para uma cor hexadecimal?

30

Digamos que eu tenha uma cor como # 7B0D40. Existem ferramentas disponíveis para produzir a palavra mais compreensível para humanos para essa cor? (Como # 7B0D40 ~ = Magenta?)

Sei que existem maneiras de pesquisar as palavras usadas no CSS para descrever valores hexadecimais explícitos, por exemplo, mas eu adoraria poder tirar uma cor selecionada organicamente e obter rapidamente um nome descritivo para a cor aproximada.

Existem ferramentas para estimar rapidamente um termo legível humano específico para uma cor, devido a um valor explícito de hex / outro?

Avaliações humanas rápidas de que cor são geralmente resultam em termos inutilmente vagos, como "azul" ou "vermelho", em vez de "Azure" ou "Magenta", de modo que "apenas um olho" não é suficiente IMO.

Ben Brocka
fonte

Respostas:

18

A resposta de Lauren está correta. Os nomes das cores são geralmente arbitrários, mesmo sem levar em consideração o que os departamentos de marketing criam (sem mencionar as diferenças culturais e de idioma).

No mundo da arte, existem nomes para certas cores de tinta que são praticamente padronizadas, porque suas fórmulas têm séculos de idade e porque os pintores precisam saber que, se comprarem o azul de cobalto da Amazônia, será o mesmo que o azul de cobalto que eles usaram. para comprar no Honest Joe's Burgers and Art Supplies ("Alimentando artistas famintos desde 1927") antes de fecharem seus negócios.

Há também um subconjunto de nomes de cores baseados na natureza, mas a natureza é notoriamente inconstante: "rosa rosa" cobre uma faixa reconhecível, mas muito imprecisa, de matiz, saturação e croma.

Portanto, procurar precisão fora de um sistema de cores como Pantone ou Munsell, ou mesmo W3C, é uma causa perdida. Você encontrará os mesmos nomes aplicados a cores diferentes e nomes diferentes aplicados às mesmas cores, dependendo de onde você olha. Nomear cores é subjetivo e impreciso. Pior ainda, quando se trata da Internet, você não tem controle sobre as configurações de exibição de qualquer visitante do site. Seu "ouro pálido" se torna "mostarda" com bastante facilidade.

Existe uma ferramenta online que fornecerá um nome utilizável (não o nome) para qualquer valor hexadecimal RGB. Os nomes são precisos o suficiente e, de acordo com o site, foram escolhidos editando juntos várias listas (incluindo Crayola's). Você também pode baixar o javascript. Não tome isso como algum tipo de absoluto ou "padrão"; é a síntese de uma pessoa a partir de várias fontes que estavam em conflito com frequência suficiente para que ele mencione o fato especificamente. E lembre-se de que a renderização real na tela para um determinado valor hexadecimal é uma variável selvagem sobre a qual você não tem controle.

Alan Gilbertson
fonte
Essa é uma pequena ferramenta útil! É o mais próximo do que eu estava procurando, mas é bom saber o fundo de nenhum nome de cor padrão.
precisa
2
Ben, você está perguntando sobre nomes de cores CSS ou nomes de cores em geral? Se nomes de cores HTML, eles são um padrão.
DA01 20/12
Ben, um ótimo exemplo disso é "Azure". Essa ferramenta serve o número 315BA1, que eu chamaria de azul francês, mas o azul francês não está na lista dele. Por outro lado, a cor da Web do W3C "azul" é # f0ffff, a 180 graus na roda de matiz HSB. A entrada da Wikipedia para azure dá o tom como 210.
Alan Gilbertson
10

Eu acho que o problema é o "termo humano específico".

É difícil para duas pessoas concordarem com o que, digamos, "turquesa" é (em oposição a aqua, cerceta ou "turqua"). Existem aproximadamente 247 cores diferentes que podem ser rotuladas com precisão "bege". A linguagem é simplesmente muito flexível.

Você pode estabelecer um banco de dados que corresponda # 7B0D40 a magenta. Você pode levar seu chip para a Home Depot, acená-lo sob a máquina de correspondência de tinta e fazê-lo cuspir uma cor de tinta chamada "Fuschia Kiss, 100B-6". Mas quando você ficar dois graus mais leve, você vai chamar de # eb70a9 e eu vou chamá-lo de "Blushing Pink" e meu diretor de arte chamará de "Soft Rose" e minha cunhada dirá " Esse é o novo batom da Revlon, o Crushed Peony Boogers ".

É por isso que temos sistemas de correspondência de cores. Como se sua cor corporativa for PMS214, você não deseja que ela apareça na tela como # f8cfdf e volte a ser impressa como Crushed Peony Boogers.

Lauren-Reinstate-Monica-Ipsum
fonte
2
Bem, existem pelo menos os nomes de cores padrão CSS que são mapeados para os códigos de cores: w3schools.com/cssref/css_colornames.asp, mas é uma lista muito limitada. Eu esperava que algo como a lista de cores da Wikipedia pudesse ser usada, mas observando isso, note que eles também estão usando palavras específicas do domínio. Eu não acredito que um bom padrão ainda não existe ...
Ben Brocka
1
Lauren, você acabou de me enlouquecer até o ponto em que quase caí da cadeira. Quero um chip do Crushed Peony Boogers imediatamente ! :-D
Alan Gilbertson
1
Eu continuo me fazendo rir cada vez que leio. É um guardião. :) Acho que deveríamos começar uma banda chamada Crushed Peony Boogers. Ou talvez abra uma loja: Crushed Peony Boogers Design. Isso seria algum logotipo.
Lauren-Reinstate-Monica-Ipsum
Vou tocar baixo ... :-)
Alan Gilbertson
E eu vou gritar)
Vnovak
8

Se estamos falando de cores, em geral, Alan e Laruen estão corretos ... os nomes são vagos e inespecíficos.

No entanto, como você está perguntando sobre a conversão de cores HEX, suponho que você esteja se referindo às especificações CSS e suas cores nomeadas, que de fato mapeiam cores muito específicas:

http://www.w3.org/TR/css3-color/#html4

Quanto a uma ferramenta específica, o Google me levou aqui:

http://shallowsky.com/colormatch/index.php

DA01
fonte
4

Para mapear uma determinada cor escolhida (ou codificada em hexadecimal) para uma cor segura da Web mais próxima, a ser usada na Web (como um nome de cor CSS estendido), você também pode usar esta ferramenta (somente para Windows):

http://www.codeproject.com/Articles/243610/The-Known-Colors-Palette-Tool-Revised

Este tem a vantagem sobre o vinculado por DA01 ( Localizar o nome da cor correspondente mais próxima ), pois suporta o conjunto de cores estendido, não apenas o básico.

Mas, como desvantagem, é um aplicativo GUI somente para Windows, não um aplicativo Web.

Aleksander Adamowski
fonte
3

http://chir.ag/projects/name-that-color/#899200

este site fornece o nome mais próximo ao estilo de lápis de cor, basta digitar o hex ou o rgb e pronto! O software Adobe e o paint (10) também possuem esse recurso, mas não é tão preciso, por exemplo, a cor da minha assinatura que eu uso para TUDO é # 007282. reconhecidamente mais perto da marca, mas o nome dessa cor se referiria a ela como "lagoa azul"

Casey
fonte
3

Outra opção seriamente interessante é usar, é claro, o Wolfram Alpha. http://www.wolframalpha.com/ (um mecanismo computacional conhecido, por suas próprias palavras)

Basta entrar, por exemplo

rgb 160 118 171

E isso lhe dirá que as cores HTML mais próximas são ameixa e violeta , assim como as cores Pantone e, é claro, mas sem responder à pergunta, conversões em uma dúzia de outros espaços de cores.

Ideograma
fonte
1

Se você o converter em HSV / HSL, acho que você pode fazer algo. Nesse espaço de cores que você está jogando com Matiz, Saturação e Luz, é possível dividir o Matiz em domínios especificados e usar uma tabela de consulta para Matiz> Nome da cor.

Maysam
fonte
1

Estamos cinco anos depois e a ciência progrediu :) Aqui está uma pesquisa interessante do XKCD:

https://blog.xkcd.com/2010/05/03/color-survey-results/

E a visão geral resultante:

http://xkcd.com/color/rgb/

A automação do processo de seleção é "deixada como um excersise para o leitor" (se ainda não tiver sido feito), mas acredito que em algum lugar do Stack Exchange eles estão jogando golfe com ele.

insira a descrição da imagem aqui

Ideograma
fonte
0

Sim, é fácil, este site fornecerá os nomes mais próximos de qualquer código de cor hexadecimal ... https://yellowbearjourneys.com/color_themes/color_closest.html

Aqui está um exemplo de saída:

Your Custom Color: #F5F4D6    

Close/Near Official Colors in terms of light/dark (bold=closest/nearest):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ;PapayaWhip #FFEFD5    

Close/Near Official Colors in terms of rgb (red-green-blue) pattern (bold=closest/nearest in terms of light/dark):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ; PapayaWhip #FFEFD5
Inyoka
fonte