Nomes de Cores HTML
Explore as 140 cores nomeadas CSS/HTML padrão numa bela grelha de amostras — pesquise por nome ou hex, filtre por família de cor e copie o valor hex, rgb() ou hsl() de qualquer cor com um clique. No seu browser, gratuitamente.
As 140 cores nomeadas CSS/HTML padrão, com os seus valores hex, RGB e HSL. Tudo corre no seu browser a partir de uma referência integrada — nada é enviado para o servidor.
Sobre Nomes de Cores HTML
Esta referência apresenta todas as 140 cores nomeadas padrão do CSS/HTML — a lista completa que os navegadores reconhecem, de AliceBlue a YellowGreen — como uma grade responsiva de amostras. Cada amostra mostra a própria cor com seu nome e valor hexadecimal, e clicar em uma abre suas formas hex, rgb() e hsl(), cada uma copiável com um único clique.
Você pode pesquisar por nome ou valor hexadecimal — Tomato e #FF6347 encontram a mesma amostra — e filtrar por família: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites e Grays & Blacks. A visualização por família é a forma mais rápida de selecionar candidatas quando você já tem uma ideia aproximada do tom que quer.
Cores nomeadas são úteis para protótipos, exemplos de código, preenchimentos de SVG e ensino, porque um nome como RebeccaPurple comunica intenção melhor que uma tripla hexadecimal. Os valores RGB e HSL são derivados no seu navegador a partir do hexadecimal de cada cor, e nada do que você pesquisa é enviado a um servidor.
Como usar Nomes de Cores HTML
- Pesquise por nome de cor ou valor hexadecimal — por exemplo Tomato, teal ou #00FF00.
- Filtre por família — Reds, Blues, Grays e assim por diante — para selecionar cores dentro de uma faixa de tom.
- Clique em uma amostra para copiar instantaneamente seu valor hexadecimal.
- Abra o popover da amostra para copiar a forma rgb() ou hsl() em vez disso.