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 representacoes numericas nao significam nada para a maioria das pessoas. Um nome de cor como 'Coral' ou 'Steel Blue' comunica instantaneamente, tornando discussoes de design, documentacao e revisoes de codigo 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 codigo hexadecimal ajuda desenvolvedores a escrever CSS mais legivel e torna os tokens de sistemas de design mais compreensíveis.
Como funciona a correspondencia 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 referencia.
- Distancia RGB — o metodo mais simples calcula a distancia euclidiana no espaco 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, entao diferencas de verde sao ponderadas mais
- Delta E (CIE76/CIE2000) — converte as cores para o espaco de cor CIELAB, projetado para ser perceptualmente uniforme. Um Delta E de 1.0 representa a menor diferenca de cor que um humano pode perceber
Experimente gratuitamente — sem cadastro
Encontrar um nome de cor →Referencia 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) tambem sao palavras-chave de cor CSS validas
Perguntas frequentes
Quao precisa e a correspondencia de nomes de cores?
A precisao depende do algoritmo de correspondencia e da paleta de referencia. Com 148 cores nomeadas CSS, a correspondencia 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 diferenca entre distancia de cor perceptual e matematica?
Distancia matematica (euclidiana RGB) trata o espaco de cor como uniforme, mas a visao humana nao percebe diferencas de cor uniformemente. Somos mais sensiveis ao verde e menos ao azul. Metodos de distancia perceptual como Delta E (CIE2000) consideram essas diferencas convertendo para um espaco de cor perceptualmente uniforme.
Posso usar nomes de cores Pantone?
Cores Pantone sao um sistema proprietario com milhares de cores nomeadas usadas principalmente em impressao. Nao fazem parte do CSS ou padroes web. A conversao entre Pantone e cores hexadecimais e aproximada porque as cores Pantone sao definidas para formulacoes de tinta especificas e tipos de papel, nao para exibicao em tela.