Referência de nomes de cores HTML

• Banco de dados completo de nomes de cores: acesse todas as 148 cores nomeadas em HTML e CSS em uma referência pesquisável. Cada cartão de cor exibe o nome, o valor HEX e a amostra visual, facilitando a localização da cor perfeita para qualquer projeto - desde cores HTML 4.01 padrão até cores nomeadas em CSS estendido.
• Compatibilidade com navegador e e-mail: cada entrada de cores inclui suporte a navegador e indicadores de compatibilidade de cliente de e-mail. Saiba rapidamente quais cores são seguras para uso em e-mails HTML, quais são seguras para a web e quais são as cores padrão HTML 4.01 suportadas até mesmo nos navegadores mais antigos.
• Filtragem e pesquisa inteligentes: restrinja rapidamente as cores por categoria - HTML padrão 4.01, CSS estendido ou seguro para e-mail. Pesquise por nome ou valor HEX com resultados instantâneos. A grade limpa e responsiva facilita a navegação e a comparação de cores em qualquer dispositivo.
• 100% gratuito e com privacidade em primeiro lugar: a referência de nomes de cores HTML funciona inteiramente no seu navegador, sem dados enviados a nenhum servidor. Navegue, pesquise e copie cores instantaneamente. Não é necessária inscrição, nem rastreamento, nem limites - totalmente gratuito para todos os seus projetos.

• Desenvolvimento Web e CSS: Encontre rapidamente a cor exata que você precisa para suas folhas de estilo CSS. Use o botão copiar para obter o nome da cor ou valor HEX instantaneamente e cole-o diretamente em seu código. Perfeito para prototipagem rápida e estilo de produção.
• Design de boletim informativo por e-mail: certifique-se de que seus designs de e-mail sejam renderizados corretamente em todos os clientes de e-mail. Filtre por cores seguras para e-mail para evitar problemas de compatibilidade com Outlook, Gmail e Apple Mail. Use os indicadores de suporte do navegador para escolher cores que funcionem em qualquer lugar.
• Compatibilidade entre navegadores: verifique o suporte do navegador para cada cor nomeada antes de usá-la em seu projeto. Embora todos os navegadores modernos suportem o conjunto completo de cores nomeadas em CSS, saber quais cores são o HTML 4.01 padrão ajuda ao direcionar navegadores mais antigos e sistemas legados.
• Desenvolvimento do sistema de design: Faça referência a cores nomeadas ao construir tokens de cores do sistema de design. As cores nomeadas fornecem significado semântico e são mais fáceis de lembrar do que códigos hexadecimais. Mapeie cores nomeadas para seus tokens de design para obter folhas de estilo mais legíveis e fáceis de manter.
• Aprendendo HTML e CSS: Perfeito para estudantes e iniciantes que aprendem desenvolvimento web. Explore toda a gama de cores nomeadas para entender as convenções de nomenclatura de cores, os valores hexadecimais e quais cores estão disponíveis sem a necessidade de memorizar códigos de cores complexos.
• Acessibilidade e opções de cores: use as amostras de cores para avaliar rapidamente as combinações de cores quanto à acessibilidade. As cores nomeadas facilitam a comunicação das escolhas de cores com sua equipe e garantem o uso consistente de cores em todo o projeto.

Os nomes de cores HTML são palavras-chave predefinidas que representam cores específicas no desenvolvimento web. Especificado originalmente no padrão HTML 4.01 com 16 cores básicas (aqua, preto, azul, fúcsia, cinza, verde, limão, marrom, marinho, oliva, roxo, vermelho, prata, verde-azulado, branco e amarelo), a lista foi expandida no CSS Color Module Level 3 para incluir 147 cores nomeadas adicionais, elevando o total para 147. CSS Color Level 4 adicionou posteriormente rebeccapurple , homenageando a filha de Eric Meyer, elevando o total ao atual 148 cores nomeadas.

Ao contrário dos códigos de cores hexadecimais ou RGB, as cores nomeadas são intuitivamente legíveis e memoráveis. Usar coral em vez de #FF7F50 torna seu CSS mais descritivo e fácil de manter, especialmente ao trabalhar em equipes ou quando a nomenclatura semântica de cores é importante para a consistência do sistema de design.

Nossa referência de nomes de cores HTML organiza todas as 148 cores nomeadas em uma grade pesquisável e filtrável que torna a localização da cor certa rápida e intuitiva. Veja como funciona:

1. Navegar ou pesquisar - Percorra toda a grade de cores ou digite um nome (como "coral" ou "rebeccapurple") ou um valor HEX (como #FF7F50) na barra de pesquisa. Os resultados são atualizados em tempo real conforme você digita, mostrando as cores correspondentes instantaneamente.
2. Filtrar por categoria - Use os ícones de categoria para restringir os resultados: visualize apenas as 16 cores padrão do HTML 4.01, as cores nomeadas CSS estendidas ou apenas as cores que são seguras para uso em e-mails HTML. Cada filtro ajuda a encontrar cores adequadas para casos de uso específicos.
3. Copiar e usar - Cada cartão colorido inclui botões de cópia para o nome da cor e o valor HEX. Clique para copiar e cole diretamente em seu CSS, HTML, modelo de e-mail ou ferramenta de design. A amostra visual oferece uma visualização precisa da aparência da cor.

• Suporte ao navegador: Todas as 148 cores nomeadas CSS são suportadas em todos os navegadores modernos - Chrome, Firefox, Safari, Edge e Opera. As 16 cores básicas do HTML 4.01 são suportadas em praticamente todos os navegadores já criados, incluindo o Internet Explorer 3+. As cores nomeadas CSS estendidas são suportadas em todos os navegadores compatíveis com CSS3 (IE 9+).
• Compatibilidade do cliente de e-mail: as 16 cores HTML 4.01 padrão, além de algumas cores estendidas comumente usadas, como laranja, marrom, rosa e dourado, são amplamente suportadas em todos os clientes de e-mail, incluindo Outlook (desktop e web), Gmail, Yahoo Mail e Apple Mail. Cores estendidas mais obscuras podem não ser renderizadas corretamente no mecanismo de renderização baseado em Word do Outlook e podem retornar a uma cor padrão.
• Cores seguras para a Web: as cores marcadas como "Seguras para a Web" estão entre as 216 cores exibidas de forma consistente em todos os monitores e navegadores, sem pontilhamento. Embora menos críticas em telas modernas, as cores seguras para a Web ainda são úteis para manter a aparência consistente em telas mais antigas ou de qualidade inferior.
• CSS Color Level 4: A moderna especificação CSS Color Level 4 introduziu rebeccapurple (hex # 663399) em 2014, em homenagem à filha de Eric Meyer, Rebecca. Esta é a cor nomeada adicionada mais recentemente e é compatível com todos os navegadores modernos.

Sua privacidade é nossa prioridade. A Referência de Nomes de Cores HTML processa tudo localmente em seu navegador. Nenhum dado é enviado para nenhum servidor – suas pesquisas, filtros e seleções de cores nunca saem do seu dispositivo. A ferramenta é totalmente gratuita, sem necessidade de inscrição, sem limites de uso e sem restrições ocultas. Use-o com confiança para projetos pessoais, sites comerciais, trabalho de clientes ou para fins educacionais.