Descobrir Nome da Cor por Qualquer Código HEX ou RGB
O Descobrir Nome da Cor identifica o nome mais próximo de qualquer valor HEX ou RGB que você informar. Digite um código, cole-o ou escolha um tom no seletor visual, e a ferramenta nomeia na hora a correspondência mais próxima — assim você para de adivinhar como "#FF6347" realmente se chama.
Foi feito para designers, desenvolvedores e quem precisa de um nome legível em vez de um código bruto. Alterne entre o conjunto padrão de cores do CSS que todo navegador reconhece e um conjunto Estendido de nomes descritivos, e copie o resultado direto para a sua folha de estilo, arquivo de design ou documentação.
Como Descobrir o Nome de uma Cor
Informe sua cor
Digite ou cole um código HEX (#FF5733 ou FF5733), informe valores RGB (255, 87, 51 ou rgb(255, 87, 51)) ou clique na prévia da cor para escolher um tom com o seletor visual.
Escolha uma base
Alterne entre CSS, com nomes de cores padrão reconhecidos pelos navegadores, e Estendido, com nomes mais descritivos e criativos. A troca refaz a correspondência da cor atual na hora.
Leia a correspondência
Veja o nome da cor mais próxima lado a lado com a sua cor, uma pontuação que mostra o quanto ela é parecida, o valor Delta E e os valores HEX e RGB da cor correspondente.
Explore e copie
Clique em qualquer uma das Cores semelhantes para comparar alternativas e copie o nome, o HEX ou o RGB com um clique para usar no seu CSS, nas ferramentas de design ou nas anotações.
Recursos
Duas bases de cores
Alterne entre o conjunto padrão de cores do CSS que funciona em todos os navegadores e um conjunto estendido de nomes de cores descritivos e criativos.
Correspondência de cores Delta E 2000
As correspondências usam o algoritmo CIEDE2000, o padrão do setor para diferença perceptual de cor, então os resultados refletem como as pessoas realmente enxergam.
Pontuação de correspondência e Delta E
Uma pontuação em porcentagem e o valor Delta E mostram exatamente o quanto a correspondência é próxima, com um selo colorido para correspondências excelentes, boas e razoáveis.
Sugestões de cores semelhantes
Veja quatro nomes alternativos que também são próximos da sua entrada e clique em qualquer um deles para explorar a cor e seus detalhes.
Vários formatos de entrada
Informe cores em HEX (#FF5733 ou FF5733) ou RGB (255, 87, 51 ou rgb(...)) e a ferramenta detecta o formato automaticamente.
Seletor de cor visual
Clique na prévia da cor para abrir o seletor nativo, escolha qualquer tom e veja na hora o nome da cor mais próxima.
Cópia com um clique
Copie o nome da cor, o valor HEX ou RGB com um único clique e receba a confirmação imediata de que está na sua área de transferência.
Histórico de cores
Suas cores recentes são salvas automaticamente, até 20, para você clicar em qualquer amostra e consultá-la de novo em segundos.
Seus dados ficam privados
Toda a correspondência roda no seu navegador. As cores nunca são enviadas e seu histórico fica armazenado localmente no seu próprio dispositivo.
Perguntas Frequentes
Como descubro o nome de uma cor a partir de um código HEX?
Cole ou digite o código HEX (por exemplo #FF6347) no campo de entrada. A ferramenta o associa na hora à cor nomeada mais próxima e mostra o nome, uma pontuação de correspondência e os valores HEX e RGB correspondentes para você copiar.
Como descubro o nome de uma cor pelo RGB?
Informe os valores RGB no mesmo campo, escritos como 255, 87, 51 ou rgb(255, 87, 51). O formato é detectado automaticamente e a cor nomeada mais próxima aparece na hora.
O que é Delta E e por que ele importa?
O Delta E (ΔE) mede a diferença perceptual entre duas cores. Um valor 0 significa que elas são idênticas, abaixo de 1 é imperceptível para a maioria das pessoas e valores altos significam cores claramente diferentes. Esta ferramenta usa o Delta E 2000 (CIEDE2000), o padrão mais preciso para a percepção humana de cor, então o nome que você recebe realmente se parece com a sua cor.
Qual é a diferença entre as bases CSS e Estendida?
O conjunto CSS contém nomes de cores padrão que funcionam como palavras-chave em todos os navegadores, como Red, Coral e SkyBlue. O conjunto Estendido acrescenta muitos outros nomes descritivos, como Dusty Rose, Ocean Blue e Terracotta, ótimos para documentação de design e para nomear tons personalizados.
Quão precisa é a cor nomeada mais próxima?
A correspondência usa o algoritmo CIEDE2000, o mesmo padrão adotado em impressão, fabricação e design. Ele considera como os olhos humanos percebem as diferenças de cor, o que o torna muito mais preciso do que um simples cálculo de distância em RGB.
Por que minha cor não mostra 100% de correspondência?
Uma pontuação de 100% só aparece quando sua cor corresponde exatamente a uma cor nomeada na base. A maioria das cores personalizadas fica na faixa dos 90 e poucos por cento, o que ainda indica uma correspondência muito próxima. Veja a lista de Cores semelhantes para conferir se outro nome é mais parecido com o que você quer.
Posso usar os nomes de cores direto no CSS?
Sim. Os nomes da base CSS são palavras-chave de cor válidas em CSS, então você pode escrevê-los direto na sua folha de estilo, por exemplo color: tomato;. Os nomes do conjunto Estendido servem para referência e documentação, portanto use os valores HEX ou RGB deles no código.
Meus dados de cor são salvos ou compartilhados?
Não. Cada correspondência acontece inteiramente no seu navegador e suas cores nunca são enviadas a lugar nenhum. Seu histórico de cores recentes fica armazenado apenas no armazenamento local do navegador, e você pode limpá-lo quando quiser.
Ainda não há comentários. Seja o primeiro a comentar!