Conversor de Cor Nomeada para HEX

• Consulta instantânea de cor nomeada: o conversor atualiza todos os valores a cada tecla digitada — sem botão para apertar. Comece a digitar qualquer cor nomeada CSS e o autocompletar filtra na hora todas as 148 cores nomeadas do CSS. Selecione uma para ver imediatamente valores HEX, RGB, HSL, luminância e de cada canal.
• Busca inteligente com autocompletar: o conversor aceita correspondências aproximadas e parciais. Digite “blue” e veja todas as cores azuladas, ou digite “rebecca” para encontrar rebeccapurple. A busca cobre tanto o nome CSS (cornflowerblue) quanto o nome de exibição (Cornflower Blue) para máxima flexibilidade.
• 100% privado — sem upload: toda a conversão acontece localmente no seu navegador. Seus valores de cor nunca saem do seu dispositivo nem são enviados a servidor algum — seguro para projetos de clientes e sistemas de design proprietários. Toda a base de cores nomeadas do CSS está incorporada na página.
• Grátis e sem limites: consulte cores nomeadas ilimitadas sem cadastro, sem assinatura e sem teto de uso. O conversor de cor nomeada para HEX é totalmente grátis para sempre, sem anúncios bloqueando a interface.

• Desenvolvimento e prototipagem CSS: desenvolvedores web usam o conversor para consultar rapidamente cores nomeadas do CSS durante a prototipagem. Em vez de memorizar códigos hex, digite nomes naturais como “coral” ou “rebeccapurple” para obter os valores HEX, RGB e HSL exatos para suas folhas de estilo.
• Passagem de design e comunicação: designers e desenvolvedores usam o conversor ao comunicar especificações de cor. As cores nomeadas do CSS oferecem um vocabulário comum — dizer “use mediumseagreen no botão” é mais claro do que citar um código hex durante as revisões de design.
• Aprender CSS e design web: estudantes de desenvolvimento web usam o conversor para explorar como as cores nomeadas do CSS se relacionam com valores de cor reais. É uma ferramenta educativa que ajuda iniciantes a entender a relação entre nomes de cores e suas representações numéricas.
• Exploração de temas de cor: designers que exploram temas de cor usam o conversor para navegar rapidamente pelas cores nomeadas do CSS agrupadas por família. Busque todos os tons de roxo, as variações de azul ou os vermelhos quentes para encontrar a cor nomeada perfeita para um sistema de design.
• CodePen e protótipos rápidos: desenvolvedores frontend que criam protótipos rápidos ou demos no CodePen usam o conversor para encontrar cores sem sair do navegador. Cores nomeadas costumam ser mais legíveis que códigos hex em estilos inline e código de demonstração.
• Programação de SVG e gráficos: desenvolvedores de gráficos que trabalham com SVG, Canvas ou WebGL usam o conversor para acessar a paleta completa de cores nomeadas do CSS. Cores nomeadas são muito usadas em arquivos SVG e APIs gráficas pela legibilidade e consistência entre navegadores.

As cores nomeadas do CSS são palavras-chave de cor predefinidas reconhecidas por todos os navegadores modernos. A especificação CSS Color Level 4 define 148 cores nomeadas , de cores comuns como red e blue a nomes mais distintivos como rebeccapurple e cornflowerblue . Nosso conversor de cor nomeada para HEX dá acesso instantâneo a todas as 148 cores com busca por autocompletar.

1. Comece a digitar um nome de cor: digite qualquer cor nomeada CSS (por exemplo, “coral”, “rebecca”, “sky blue”). O autocompletar filtra na hora a base completa de 148 cores nomeadas do CSS. Você pode buscar pelo nome CSS ( cornflowerblue ) ou pelo nome de exibição ( Cornflower Blue ). Todo o processamento roda localmente no seu navegador.
2. Selecione uma cor ou deixe o preenchimento automático agir: clique em qualquer sugestão da lista ou continue digitando até restar uma única correspondência. A pré-visualização da cor e todos os valores são atualizados em tempo real enquanto você digita. A amostra grande mostra a cor selecionada com suas barras de canal para vermelho, verde e azul.
3. Copie qualquer valor na hora: use o botão Copiar ao lado de qualquer linha de saída (HEX, RGB, HSL) para copiar aquele valor específico, ou use “Copiar Todos os Valores” para copiar os dados completos da cor, incluindo o nome e a luminância.

• Vermelho e rosa: 20 cores que vão do vermelho puro aos tons rosados, incluindo crimson , deeppink e hotpink .
• Laranja e amarelo: 14 cores quentes de darkorange a lightyellow , incluindo a família gold e khaki.
• Verde e ciano: 33 cores cobrindo todo o espectro verde mais os tons ciano/turquesa, de forestgreen a turquoise .
• Azul e roxo: 35 cores de tom frio, do profundo midnightblue ao suave lavender , incluindo o icônico rebeccapurple .
• Marrom, branco, cinza e preto: 46 cores neutras e terrosas de saddlebrown e wheat até a família completa dos cinzas e o preto puro .

As cores nomeadas do CSS melhoram a legibilidade do código em comparação com códigos hex crus. Escrever background: cornflowerblue é mais autoexplicativo do que background: #6495ED . Cores nomeadas também são úteis em arquivos SVG, chamadas da API Canvas e em qualquer contexto em que nomes de cores tragam clareza. No entanto, para sistemas de design em produção, usar propriedades personalizadas do CSS com nomes semânticos (como --color-primary ) junto com cores nomeadas oferece legibilidade e flexibilidade.

Nosso conversor de cor nomeada para HEX faz a ponte entre cores nomeadas e valores numéricos precisos. Seja você prototipando, aprendendo CSS ou precisando converter uma cor nomeada para seu equivalente exato em HEX ou RGB para um sistema de design, esta ferramenta entrega resultados instantâneos e precisos sem processamento no servidor.