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.

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.


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.


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


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.


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"


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.


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.



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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.