Color Name Finder
Encontre o nome de cor CSS mais próximo para qualquer valor de cor. Cole até 100 cores em qualquer formato CSS e obtenha, para cada uma, as mais próximas entre as 148 cores nomeadas CSS, classificadas pela diferença de cor CIEDE2000, com o nome, o código hexadecimal, o valor Delta E e uma avaliação de correspondência. Exiba até 10 correspondências por cor. Útil para nomear tokens de design, descrever cores na documentação e encontrar rapidamente uma palavra-chave.
Perguntas frequentes
Quais nomes de cores são pesquisados?
As 148 cores nomeadas de CSS Color 4, de aliceblue a yellowgreen, incluindo rebeccapurple. Nomes que compartilham o mesmo valor, como aqua e cyan, fuchsia e magenta, e as grafias gray e grey, aparecem juntos em uma única linha, resultando em 139 cores distintas. transparent e cores do sistema não estão incluídas.
Como é medido o nome mais próximo?
Com a diferença de cor CIEDE2000, Delta E 2000, calculada em CIELAB pela biblioteca culori. Esse é o padrão do setor para medir quanto duas cores parecem diferentes para um observador médio; quanto menor o valor, mais próxima é a correspondência.
O que significam as avaliações de correspondência?
Exata significa que a cor nomeada tem o mesmo código hexadecimal. Muito próxima significa um Delta E abaixo de 2, difícil de distinguir; semelhante significa abaixo de 5, perceptível lado a lado; distante significa 5 ou mais, quando o nome descreve apenas a família geral da cor.
Quantas correspondências recebo?
De 1 a 10 por cor, 3 por padrão, classificadas da mais próxima à mais distante. Mais correspondências ajudam quando o nome mais próximo tem a luminosidade certa, mas o matiz errado, ou vice-versa.
Como insiro cores?
Insira uma cor por linha ou várias em uma linha, separadas por vírgulas ou ponto e vírgula; vírgulas dentro de rgb() ou hsl() não separam as cores. São aceitos códigos hexadecimais com ou sem #, CSS nomes de cores, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() e cmyk(), até 100 cores por execução.
O que acontece com cores transparentes?
As cores nomeadas são opacas, então o canal alfa é ignorado e a cor é comparada como se fosse totalmente opaca. A coluna HEX mostra o código de 6 dígitos usado na comparação.
O que acontece com as cores de ampla gama?
Cores fora do sRGB, como valores vívidos de Display P3 ou OKLCH, são primeiro convertidas para sRGB com o algoritmo CSS Color 4, pois todas as cores nomeadas de CSS são cores sRGB. A coluna HEX mostra então o valor convertido, usado na comparação com os nomes.
Posso usar o nome no lugar do meu código hexadecimal?
Somente quando a correspondência é exata; caso contrário, a cor nomeada parece diferente. Um nome próximo ainda é uma boa referência legível para pessoas em um token de design ou na documentação, por exemplo, um azul próximo de steelblue.
Por que apenas CSS nomes, e não uma lista maior?
CSS nomes são os que todos os navegadores entendem e que você pode digitar diretamente em uma folha de estilos. Listas maiores de nomes variam entre fornecedores e costumam ser licenciadas, enquanto esses 148 nomes são definidos pelo padrão CSS.
Por que uma correspondência com Delta E maior pode parecer mais próxima para mim?
Delta E 2000 modela um observador médio em condições de visualização padrão. Seu monitor, a calibração dele, as cores ao redor e as diferenças individuais na visão das cores influenciam o que parece mais próximo; por isso, considere a classificação um bom guia, não uma medida absoluta.