Nomes de cores CSS
Todas as cores nomeadas da especificação CSS (148 no total), agrupadas por matiz e ordenadas do claro ao escuro. Clique em um nome ou valor HEX para copiar.
Vermelho
Vermelho-rosado
Rosa
Magenta
Roxo
Violeta
Índigo
Azul
Azul-celeste
Ciano
Verde-azulado
Esmeralda
Verde
Verde-limão
Amarelo
Âmbar
Laranja
Marrom
Bege
Branco
Cinza
Preto
Perguntas e respostas
Quantas cores nomeadas o CSS tem?
O CSS Color 4 define 148 cores nomeadas, de aliceblue a yellowgreen. Algumas são sinônimos com o mesmo valor, como gray e grey ou aqua e cyan. Há também as palavras-chave transparent e currentcolor, que não são cores fixas.
gray e grey são a mesma coisa no CSS?
Sim. Todo nome com gray tem uma grafia com grey e exatamente o mesmo valor, por exemplo darkgray e darkgrey são ambos #a9a9a9. Repare que darkgray é mais claro que gray, uma peculiaridade herdada da lista de cores do X11.
Devo usar nomes de cores no CSS de produção?
Cores nomeadas funcionam em todos os navegadores, então servem para protótipos, demos e estilos pontuais. Em um produto, prefira seus próprios tokens em OKLCH ou HEX: é mais fácil ajustá-los como escala e mantê-los consistentes entre temas.