Descobridor de nome de cor

Aceita #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba() com inteiros e hsl()/hsla() com porcentagens.

Informe uma cor HEX, RGB ou HSL para encontrar a cor nomeada padronizada do CSS mais próxima. Veja também HEX, RGB, HSL e CIELAB normalizados e a diferença CIEDE2000. Todo o cálculo ocorre no navegador. No modo em etapas, a cor informada aparece no URL da página e é enviada ao servidor com a solicitação; o cálculo de correspondência continua a ser feito apenas no navegador.

Como encontrar o nome CSS de uma cor

  1. 1

    Informe uma cor

    Use o campo de texto ou o seletor. São aceitos HEX estrito, RGB inteiro e HSL em porcentagem.

  2. 2

    Valide e normalize

    O valor é validado e convertido em sRGB, HSL e CIELAB com ponto branco D65.

  3. 3

    Compare nomes CSS

    CIEDE2000 compara a cor RGB opaca com todas as cores nomeadas padronizadas do CSS.

  4. 4

    Confira ou copie

    Compare as amostras, veja os valores e copie o resultado.

Entenda o resultado

O CSS define uma lista fixa de cores nomeadas, como tomato, cornflowerblue e rebeccapurple. Quando não há correspondência exata, o buscador retorna o nome mais próximo e seu HEX canônico. Apelidos equivalentes, como aqua e cyan, aparecem juntos.

A comparação converte sRGB em CIELAB com ponto branco D65 e aplica CIEDE2000. O valor 0 indica correspondência RGB exata. São aceitos HEX curto e longo, rgb()/rgba() com inteiros e hsl()/hsla() com porcentagens.

O alfa permanece no HEX de oito dígitos, mas não participa do nome. A ferramenta não consulta Pantone, tintas, lápis de cera ou dicionários colaborativos e não lê imagens. Para acessibilidade, verifique separadamente o contraste WCAG.

Perguntas frequentes

Somente quando a diferença CIEDE2000 é 0. Caso contrário, é a cor nomeada padronizada do CSS mais próxima.

O CSS tem apelidos com o mesmo RGB, como aqua e cyan. Empates aparecem juntos.

Não. O alfa é mantido no HEX normalizado, mas excluído da comparação.

Não. Use o verificador de contraste para testar texto e fundo conforme os limites WCAG.

Ferramentas relacionadas