Cores Nomeadas do CSS

O que são cores nomeadas do CSS?

Cores nomeadas do CSS são um conjunto fixo de 147 palavras-chave — como tomato, aliceblue, rebeccapurple — que você pode usar em qualquer lugar onde uma cor CSS é esperada, no lugar de um código hex ou função rgb(). Estão embutidas em todo navegador, renderizam idênticas em qualquer plataforma, e não requerem pré-processamento. A lista cresceu ao longo da história do CSS: as 16 originais vieram do VGA, outro lote do X11, e rebeccapurple foi adicionada em 2014 em memória da filha do pioneiro do CSS Eric Meyer.

Como usar esta referência

Digite na caixa de busca para filtrar por nome (tente blue, dark ou red) ou por hex (tente ff). Mude a ordenação para organizar por matiz quando estiver caçando uma cor que só sabe descrever visualmente, ou por luminosidade quando estiver escolhendo sombras para estados de hover. Clique em uma amostra para copiar a palavra-chave para a área de transferência — cole direto numa regra CSS como color: tomato;.

Quando usar cores nomeadas

Cores nomeadas são ótimas para protótipos rápidos, badges de README, código de demonstração, e qualquer contexto onde fidelidade exata de marca não é necessária. Não são ótimas para design systems de produção — a paleta legada é desigual (muitos rosas e laranjas, poucos teals escuros) e os nomes são esquisitos (papayawhip, peachpuff). Para trabalho final, derive os hex equivalentes das cores nomeadas e reconstrua a paleta ao redor da sua marca usando uma ferramenta como nosso Gerador de Harmonia de Cores.

De onde vêm os nomes

Os 147 nomes remontam ao arquivo rgb.txt do X Window System do final dos anos 1980, que por sua vez tomou nomes emprestados de um catálogo da Sinclair Paints e várias outras fontes. Os 16 originais — aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow — foram herdados do hardware VGA. O CSS moderno especifica a lista completa como códigos hex sRGB exatos; navegadores não aproximam.

Grupos de cor da paleta nomeada

Vermelhos e rosas: red, crimson, salmon, lightcoral, hotpink, deeppink, pink e companhia. Laranjas e marrons: orange, darkorange, coral, tomato, chocolate, sienna, peru. Amarelos e dourados: yellow, gold, khaki, palegoldenrod. Verdes: green, lime, forestgreen, seagreen, olive, olivedrab — de longe o maior grupo de matiz. Azuis: blue, navy, royalblue, dodgerblue, steelblue, lightblue. Roxos: purple, violet, indigo, orchid, plum, rebeccapurple. Neutros: uma dúzia de aliases gray/grey mais silver, white e black.

Perguntas frequentes