O que são cores nomeadas CSS?

Cores nomeadas CSS são um conjunto de palavras-chave de cores predefinidas que navegadores e ferramentas de design reconhecem pelo nome — palavras como tomato, steelblue, cornflowerblue ou rebeccapurple. Existem 147 cores nomeadas padrão definidas na especificação CSS Color Level 4 (também conhecida como lista de cores W3CX11). Cada nome mapeia para um valor hex específico, facilitando a referência de cores no código sem precisar memorizar valores RGB ou hex exatos.

Cores nomeadas fazem parte do HTML e CSS desde os primeiros dias da web. Com o tempo, a lista cresceu das 16 cores básicas originais para o conjunto completo reconhecido hoje. Apesar da abundância de códigos hex e propriedades personalizadas no desenvolvimento web moderno, cores nomeadas continuam populares pela legibilidade, prototipagem rápida e fins educacionais.

Descrição da ferramenta

Color Name Finder recebe qualquer cor que você escolha — via seletor de cores ou entrada hex — e identifica a cor nomeada CSS mais próxima. Quando a cor selecionada é uma cor CSS exata, mostra uma correspondência perfeita. Caso contrário, calcula a distância de cor perceptual para cada cor nomeada usando o algoritmo CIEDE2000 e retorna a mais próxima, junto com uma pontuação de distância numérica indicando o quão próxima é a correspondência.

Recursos

  • Correspondência de cores perceptual — usa a fórmula de diferença de cores CIEDE2000, a mesma métrica usada em ciência de cores profissional, para encontrar a cor nomeada visualmente mais similar em vez de apenas o valor hex mais próximo.
  • Detecção de correspondência exata — reconhece instantaneamente qualquer uma das 147 cores nomeadas CSS padrão e relata uma correspondência exata com distância zero.
  • Pontuação de distância ΔE — mostra um valor delta E numérico para que você possa avaliar o quão próximo é o nome mais próximo; valores abaixo de 2 são geralmente imperceptíveis ao olho humano.