Códigos de cores HTML
Navegue pelas cores HTML e CSS com nome, com seus valores HEX e RGB, e copie qualquer código com um clique.
Como usar: Códigos de cores HTML
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
Nomes de cores em HTML e CSS
HTML e CSS permitem escrever uma cor como palavra-chave em vez de número. Além dos 16 nomes básicos, como Red, Navy e Olive, os navegadores entendem um conjunto estendido de cerca de 140 nomes — Tomato, SteelBlue, RebeccaPurple e muitos outros —, e cada um deles corresponde a um valor HEX fixo. Os nomes não diferenciam maiúsculas de minúsculas, então color: tomato e color: Tomato significam o mesmo.
Esta página lista as cores com nome como amostras, com seu código HEX e valor RGB. Digite na caixa de pesquisa para filtrar por nome ou por parte de um código HEX e clique em uma amostra para copiar seu código HEX. Cores com nome são práticas para protótipos e demonstrações rápidas; para a paleta de uma marca, valores HEX, RGB ou HSL dão controle preciso sobre cada tom.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.