Cores CSS Nomeadas
Navegue pelas 148 cores CSS nomeadas com códigos hex. Filtre por grupo, pesquise e clique para copiar.
Sobre esta ferramenta
CSS define 148 cores nomeadas que podem ser usadas em qualquer lugar onde um valor de cor seja aceito — em propriedades CSS, atributos SVG e atributos de cor HTML. Cores nomeadas são mais fáceis de ler do que códigos hex e têm suporte universal.
Esta referência lista todas as cores nomeadas com seus equivalentes hex, agrupadas por família de cor. Clique em qualquer amostra para copiar o nome da cor CSS.
Como usar
- Navegue pela grade completa ou filtre por grupo de cor usando o menu suspenso.
- Pesquise por nome (ex. "blue") ou código hex (ex. "#0000ff").
- Clique em qualquer amostra para copiar o nome da cor CSS (ex. cornflowerblue).
- Use o nome diretamente no CSS: color: cornflowerblue;
Casos de uso
Desenvolvedores frontend buscam rapidamente o nome de uma cor que lembram visualmente. Designers verificam qual cor CSS nomeada é mais próxima da cor da marca. Educadores usam esta referência ao ensinar sintaxe de cor CSS. Desenvolvedores usam cores nomeadas em protótipos e demos para maior legibilidade.
Perguntas frequentes
- Quantas cores nomeadas existem no CSS? CSS Color Level 4 define 148 cores nomeadas, mais transparent e currentcolor.
- As cores nomeadas são iguais em todos os navegadores? Sim. As cores nomeadas são totalmente padronizadas e produzem resultados idênticos em todos os navegadores modernos.
- Posso usar cores nomeadas em SVG? Sim. SVG aceita os mesmos nomes de cor CSS para atributos fill e stroke.