Conversor de HEX para Cor Nomeada

• Correspondência Instantânea de HEX para Cor Nomeada: o conversor calcula instantaneamente a distância euclidiana entre sua entrada e as 148 cores nomeadas do CSS. Os resultados são atualizados a cada tecla digitada, mostrando a correspondência mais próxima com porcentagem de similaridade, pontuação de distância e valores de cor. Sem nenhum botão para pressionar.
• Porcentagem de Similaridade e Pontuação de Distância: cada resultado mostra tanto a porcentagem de similaridade (0-100 %) quanto a distância euclidiana (Δ) no espaço RGB. 100 % de similaridade significa correspondência exata. A barra de progresso codificada por cores dá uma noção visual rápida de quão próxima é a correspondência.
• Processamento 100 % Privado no Navegador: toda a correspondência de cores acontece localmente no seu navegador usando JavaScript. Seus valores HEX nunca saem do seu dispositivo nem são enviados a nenhum servidor - totalmente seguro para trabalhos de design proprietários e projetos de clientes.
• Grátis e Sem Cadastro: use o conversor de HEX para cor nomeada quantas vezes quiser, sem cadastro, sem assinatura e sem limites de uso. A ferramenta é totalmente gratuita para sempre e sem anúncios bloqueando a interface.

• Desenvolvimento CSS com Cores Nomeadas: substitua códigos HEX difíceis de memorizar por cores nomeadas CSS semânticas. O conversor informa exatamente qual nome de cor CSS corresponde ao seu token de design, tornando suas folhas de estilo mais legíveis e fáceis de manter.
• Documentação de Sistema de Design: ao documentar um sistema de design, use o conversor para dar a cada cor um nome CSS legível. Cores nomeadas são mais fáceis de comunicar entre equipes e podem ser usadas diretamente em declarações CSS.
• Arte Digital e Ilustração: artistas e ilustradores usam o conversor de HEX para cor nomeada para encontrar o nome CSS padrão de cores capturadas de imagens de referência. Isso ajuda a manter a consistência de cor entre diferentes ferramentas e plataformas.
• Acessibilidade e Comunicação de Cores: especialistas em acessibilidade usam cores nomeadas para descrever elementos de interface com clareza em relatórios e documentação. O conversor fornece o nome CSS padrão de qualquer cor, tornando a comunicação com as partes interessadas mais precisa.
• Educação e Aprendizado de CSS: quem aprende CSS usa o conversor para entender quais cores do mundo real os valores nomeados do CSS representam. Digite qualquer código HEX e veja com qual cor nomeada ele corresponde - uma forma prática de aprender a paleta de cores nomeadas do CSS.
• Redação Técnica e Tutoriais: redatores técnicos usam o conversor para encontrar o nome de cor CSS correto ao escrever documentação. Usar cores nomeadas em tutoriais torna os exemplos de código mais claros e fáceis de entender para os leitores.

A conversão de HEX para cor nomeada pega um código de cor hexadecimal (como #FF6B6B) e encontra a cor nomeada CSS mais próxima entre as 148 cores definidas na especificação CSS Color Module Level 4. Em vez de mostrar apenas o valor hex, você obtém um nome legível como «Coral» ou «Tomato» junto com uma porcentagem de similaridade que indica quão próxima é a correspondência. A ferramenta calcula a distância euclidiana entre sua cor de entrada e cada cor nomeada no espaço RGB, ordena da mais próxima para a mais distante e exibe as 6 melhores correspondências com suas pontuações de similaridade.

1. Digite sua Cor HEX: digite ou cole um valor HEX (por exemplo, #FF6B6B ou #F6B). Você também pode usar a amostra do seletor de cores nativo ou clicar em qualquer cor de exemplo. Todo o processamento é executado localmente no seu navegador - seus dados de cor nunca saem do seu dispositivo.
2. Cálculo da Distância: a ferramenta converte tanto sua entrada quanto cada uma das 148 cores nomeadas do CSS em valores RGB e calcula a distância euclidiana com a fórmula √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). A distância máxima possível no espaço RGB é de aproximadamente 441,67, que é usada para calcular a porcentagem de similaridade: (1 − distância / 441,67) × 100.
3. Resultados Exibidos Instantaneamente: a correspondência mais próxima aparece primeiro com um selo de similaridade destacado e uma faixa de comparação de cores. Cada cartão de resultado mostra a distância (Δ), a porcentagem de similaridade com uma barra de progresso codificada por cores e os valores HEX, RGB e HSL - todos copiáveis com um clique.

• 100 % de similaridade (Δ = 0): sua cor HEX corresponde exatamente a uma das 148 cores nomeadas do CSS. O cartão mostra um selo de «Correspondência Exata» com borda destacada.
• 95-99 % de similaridade (Δ = 1-22): praticamente indistinguível da cor nomeada. Essas correspondências são visualmente idênticas na maioria dos contextos e podem ser usadas de forma intercambiável com segurança.
• 80-94 % de similaridade (Δ = 23-88): correspondência próxima com diferença perceptível menor. A cor mantém a mesma família de matiz, mas pode diferir ligeiramente em luminosidade ou saturação.
• Abaixo de 80 % de similaridade (Δ > 88): diferença de cor perceptível. A cor nomeada compartilha características de matiz semelhantes, mas apresenta variação significativa de brilho ou saturação em relação à sua entrada.

As cores nomeadas do CSS são as 148 palavras-chave de cor definidas na especificação CSS que podem ser usadas diretamente em folhas de estilo (por exemplo, color: CornflowerBlue). Elas incluem as 16 cores HTML originais mais 132 cores adicionais do CSS2.1 e do CSS Color Module Level 4. Representam os únicos nomes de cor que funcionam nativamente em CSS sem qualquer pré-processamento ou conversão.

Diferente de outros sistemas de nomes de cor como o X11 (usado em sistemas Unix/Linux) ou Pantone (usado em impressão), as cores nomeadas do CSS têm garantia de renderizar de forma consistente em todos os navegadores modernos. Isso as torna a escolha mais segura para o desenvolvimento web. O conversor de HEX para cor nomeada foca exclusivamente nessas 148 palavras-chave CSS, garantindo que toda correspondência exibida possa ser usada diretamente no seu código CSS.