Conversor de Nome de Cor para HEX

Converta nomes de cores CSS em códigos HEX, RGB e HSL. Todas as 147 cores nomeadas HTML/CSS com pré-visualização ao vivo. Grátis e instantâneo.

HEX
—
RGB
—
HSL
—
Color Name
—

About Color Name to HEX Converter

Consulte qualquer cor nomeada CSS e veja instantaneamente seus valores HEX, RGB e HSL — ou faça o caminho inverso e encontre a cor nomeada mais próxima a partir de qualquer código HEX. Todas as 147 cores nomeadas padrão HTML/CSS estão incluídas.

147 Cores Nomeadas

Paleta completa de cores nomeadas CSS, de aliceblue a yellowgreen. Pesquise por nome ou navegue pela lista completa.

Reverso HEX → Nome

Cole qualquer código HEX e encontre a cor nomeada CSS mais próxima. Aceita valores hex com ou sem o prefixo #.

Conversão RGB + HSL

Veja os valores RGB (r,g,b) e HSL (matiz, saturação, luminosidade) calculados instantaneamente para cada cor que você consultar.

Pré-visualização de Cor

Amostra de cor ao vivo atualiza enquanto você digita. Veja a cor real antes de usá-la no seu projeto. Copie valores com um clique.

How It Works

1
Choose your mode — Switch between "Color Name → HEX" to look up a named color, or "HEX → Color Name" to find which CSS color matches a hex code.
2
Type or paste your value — Start typing a color name (e.g., "tomato") or paste a HEX code (e.g., "#FF6347"). Results update instantly as you type.
3
Read the values — The color swatch shows the actual color. HEX, RGB, and HSL values are displayed side by side. Click Copy to grab any value.

📋 Common Use Cases

Design para Mídias Cruzadas

Converta cores de impressão (CMYK) para cores de tela (RGB/Hex) ao adaptar ativos de marca de mídia física para digital.

CSS e Desenvolvimento Web

Transforme cores entre formatos hex, RGB e HSL para uso em folhas de estilo, design tokens e bibliotecas de componentes.

Consistência de Marca

Garanta a precisão das cores ao traduzir paletas de marca entre diferentes ferramentas de design que exigem formatos de cor específicos.

Testes de Acessibilidade

Converta cores em formatos analisáveis para verificação de contraste e conformidade com WCAG.

🪜 How to Use This Tool

  1. Insira sua cor de origem
    Digite o valor da cor no formato de origem — código hex, valores RGB, percentuais CMYK ou parâmetros HSL.
  2. Selecione o formato de destino
    Escolha o formato de saída desejado. A maioria dos conversores mostra uma pré-visualização ao vivo da cor junto com os valores convertidos.
  3. Veja e copie a cor convertida
    A cor convertida aparece instantaneamente. Copie valores individuais ou a string de saída completa para o seu projeto.
  4. Use no seu projeto
    Cole a cor convertida diretamente no seu CSS, ferramenta de design ou especificação de impressão. Verifique se a pré-visualização corresponde às suas expectativas.

📚 Related Guides

Frequently Asked Questions

Estes conversores são gratuitos?▼
Sim. Todos os conversores são completamente gratuitos. Não é necessário cadastro.
Qual é a precisão do conversor de unidades?▼
Ele usa fatores de conversão padrão para comprimento, massa, temperatura, área, volume e velocidade. Os resultados são precisos até 6 casas decimais.