Como usar a tabela de cores
- Busque pelo nome em português, pelo nome em inglês do CSS ou pelo código.
- Filtre por família: vermelho, azul, verde, dourado, cinza e outras.
- Clique na cor para copiar o HEX, ou no código RGB para copiar no formato rgb().
Como usar as cores no HTML e no CSS
Qualquer um dos formatos funciona: color: #000080;, color: rgb(0, 0, 128); ou color: navy;. No HTML, use dentro do atributo style: <p style="color: #DC143C">. Para transparência, use rgb(0 0 128 / 50%) ou um HEX de oito dígitos, como #00008080.
Sobre as cores desta tabela
A tabela traz todas as cores com nome do CSS, com tradução para o português, mais tons populares no Brasil que não têm nome no CSS, como bordô, vinho, verde-bandeira, azul tiffany e dourado metálico. Cyan e aqua são a mesma cor, assim como magenta e fuchsia.
Perguntas frequentes
O que é o código hexadecimal de uma cor?
É a cor escrita como # seguido de seis caracteres de 0 a 9 e A a F. Cada par representa a quantidade de vermelho, verde e azul, de 00 (nada) a FF (máximo). #FF0000 é vermelho puro, #000000 é preto e #FFFFFF é branco.
Qual a diferença entre HEX e RGB?
Nenhuma na cor: são duas formas de escrever a mesma coisa. #4169E1 e rgb(65, 105, 225) são o mesmo azul royal. O HEX é mais curto e comum em CSS e no design; o RGB é usado quando se quer transparência, com rgba().
Posso usar o nome da cor no CSS em vez do código?
Sim. O CSS tem cerca de 140 cores com nome, como navy, tomato e gold, que funcionam em qualquer navegador: color: navy; é igual a color: #000080;. Os tons sem nome de CSS nesta tabela (como bordô e dourado metálico) só funcionam pelo HEX.
Como descobrir o código de uma cor de uma imagem?
Use o extrator de cores: envie a imagem e clique no ponto que quiser para ver o HEX e o RGB, ou veja a paleta das cores principais.