🌈 Tabela Completa de Cores Web Nomeadas (CSS Named Colors W3C)
Catálogo oficial de todas as 148 cores nomeadas do padrão CSS3 / W3C com busca instantânea, conversão HEX/RGB e cópia em 1 clique
📑 Índice do Conteúdo
Guia Definitivo das 148 Cores Nomeadas Oficiais do CSS3 e HTML5
Desde os primórdios da internet, a especificação do W3C (World Wide Web Consortium) define palavras-chave especiais em inglês que os navegadores interpretam nativamente como cores semânticas. O que começou com apenas 16 cores básicas no padrão VGA do HTML 3.2 expandiu-se com as cores X11 até atingir a lista oficial atual de 148 cores nomeadas reconhecidas por 100% dos navegadores web.
Como Pesquisar e Explorar a Tabela Interativa
Nossa tabela moderna reúne todo o catálogo cromático oficial do W3C com recursos de produtividade imediata:
- Busca Instantânea em Tempo Real: Digite qualquer letra ou termo em inglês (como coral, slate, cyan) ou termos descritivos para encontrar a cor exata em milissegundos.
- Filtros por Famílias Cromáticas: Isole apenas tons de Vermelho, Azul, Verde, Amarelo/Laranja, Roxo ou Neutros/Cinzas com um clique.
- Cópia Rápida em 1 Clique: Clique em qualquer cartão para copiar o nome oficial em CSS, o código HEX correspondente, os valores RGB ou HSL.
- Amostra Visual com Alto Contraste: Cada cartão exibe a cor pura em bloco nítido e seu nome com legibilidade auditada segundo as diretrizes WCAG AAA.
As Cores Nomeadas Mais Famosas e Curiosidades Históricas
| Nome da Cor CSS | Código HEX | Origem / Curiosidade |
|---|---|---|
rebeccapurple |
#663399 |
Homenagem oficial da comunidade do W3C e Eric Meyer em memória de sua filha Rebecca Meyer. |
aliceblue |
#f0f8ff |
Inspirada na cor do vestido de Alice Roosevelt Longworth, filha do presidente norte-americano Theodore Roosevelt. |
crimson |
#dc143c |
Tom carmesim clássico, amplamente utilizado para estados de erro e notificações de alerta. |
dodgerblue |
#1e90ff |
Azul icônico do time de beisebol Los Angeles Dodgers, consagrado em layouts digitais. |
papayawhip |
#ffefd5 |
Tom cremoso e suave bastante utilizado como plano de fundo de páginas de leitura e e-readers. |
Perguntas Frequentes sobre Cores Nomeadas CSS (FAQ)
Devo usar o nome da cor ou o código HEX no meu arquivo CSS?
Ambas as formas são válidas e possuem desempenho idêntico nos navegadores modernos. Os nomes de cores são excelentes para prototipagem rápida e legibilidade no código (ex: color: tomato;), enquanto códigos HEX (#ff6347) oferecem precisão de 16 milhões de tons quando você precisa de ajustes finos de marca.
Existe diferença entre as palavras `gray` e `grey` no CSS?
Não. A especificação do CSS3 inclui sinônimos com as duas grafias: a versão americana (gray, darkgray, slategray) e a britânica (grey, darkgrey, slategrey). Ambas apontam exatamente para os mesmos valores hexadecimais.
Quais foram as 16 cores originais do HTML básico?
As 16 cores básicas herdadas do padrão gráfico VGA foram: black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal e aqua.
