Neste artigo
Por que encontrar nomes de cores importa
Cores em design digital sao tipicamente expressas como codigos hexadecimais, valores RGB ou valores HSL. Embora precisas, essas representações numericas não significam nada para a maioria das pessoas. Um nome de cor como 'Coral' ou 'Steel Blue' comunica instantaneamente, tornando discussoes de design, documentação e revisões de código mais eficientes.
CSS suporta 148 cores nomeadas que podem ser usadas diretamente em folhas de estilo. Encontrar a cor nomeada mais proxima para um dado código hexadecimal ajuda desenvolvedores a escrever CSS mais legivel e torna os tokens de sistemas de design mais compreensíveis.
Como funciona a correspondência de nomes de cores
Buscadores de nomes de cores funcionam calculando a distancia entre uma cor de entrada e cada cor nomeada em uma paleta de referência.
- Distancia RGB — o metodo mais simples calcula a distancia euclidiana no espaço de cor RGB, tratando R, G e B como coordenadas tridimensionais
- RGB ponderado — ajusta o calculo de distancia ponderando os canais de forma diferente. Os olhos humanos sao mais sensiveis ao verde, então diferenças de verde sao ponderadas mais
- Delta E (CIE76/CIE2000) — converte as cores para o espaço de cor CIELAB, projetado para ser perceptualmente uniforme. Um Delta E de 1.0 representa a menor diferença de cor que um humano pode perceber
Experimente gratuitamente — sem cadastro
Encontrar um nome de cor →Referência de cores nomeadas CSS
CSS define 148 cores nomeadas que funcionam em todos os navegadores modernos. Esses nomes podem ser usados onde um valor de cor e aceito.
- Cores basicas — 16 cores HTML originais: black, white, red, green, blue, yellow, cyan, magenta e 8 outras definidas desde HTML 3.2
- Cores estendidas — 132 nomes adicionais adicionados no CSS3, de 'AliceBlue' a 'YellowGreen', originalmente da lista de cores X11
- Valores especiais — 'transparent' (totalmente transparente) e 'currentColor' (herda da propriedade color) também sao palavras-chave de cor CSS validas
Perguntas frequentes
Quao precisa e a correspondência de nomes de cores?
A precisão depende do algoritmo de correspondência e da paleta de referência. Com 148 cores nomeadas CSS, a correspondência mais proxima pode ainda diferir notavelmente da cor de entrada. Para trabalho de design que requer cores exatas, use o valor hexadecimal ou RGB diretamente.
Qual e a diferença entre distancia de cor perceptual e matemática?
Distancia matemática (euclidiana RGB) trata o espaço de cor como uniforme, mas a visão humana não percebe diferenças de cor uniformemente. Somos mais sensiveis ao verde e menos ao azul. Metodos de distancia perceptual como Delta E (CIE2000) consideram essas diferenças convertendo para um espaço de cor perceptualmente uniforme.
Posso usar nomes de cores Pantone?
Cores Pantone sao um sistema proprietario com milhares de cores nomeadas usadas principalmente em impressão. Não fazem parte do CSS ou padrões web. A conversão entre Pantone e cores hexadecimais e aproximada porque as cores Pantone sao definidas para formulacoes de tinta especificas e tipos de papel, não para exibição em tela.