Conversor de Cor Hexadecimal para Nome de Cor
Guia
Conversor de Cor Hexadecimal para Nome de Cor
Converta instantaneamente qualquer código de cor HEX em seu nome de cor CSS/HTML nomeado mais próximo. Insira um valor hexadecimal ou use o seletor de cores visual para encontrar o nome da cor correspondente mais próximo dos 140 nomes de cores CSS3 padrão, completo com pontuações de similaridade e comparações de amostras lado a lado.
Como usar
Insira um código de cor HEX no campo de entrada ou clique no seletor de cores para selecionar uma cor visualmente. A ferramenta encontra instantaneamente as 5 cores nomeadas CSS mais próximas usando o cálculo de distância RGB. Cada correspondência mostra uma comparação de amostra de cor, o nome da cor, seu valor HEX e uma porcentagem de similaridade. Você também pode usar a guia de pesquisa reversa para pesquisar por nome de cor e obter seu código HEX.
Características
- Correspondência de Cor Mais Próxima – Encontre a cor nomeada CSS3 mais próxima de qualquer entrada HEX usando a distância Euclidiana no espaço RGB
- Top 5 Correspondências – Veja os cinco nomes de cores mais próximos classificados por porcentagem de similaridade
- Seletor de Cores Visual – Selecione cores visualmente com o seletor de cores nativo do navegador
- Comparação de Amostras – Exibição lado a lado da sua cor de entrada versus cada cor nomeada correspondente
- Pesquisa Reversa – Pesquise por nome de cor para encontrar seu código HEX exato
- 140 Cores CSS3 – Banco de dados completo de todas as cores nomeadas padrão CSS/HTML
- Cópia com Um Clique – Copie instantaneamente qualquer valor HEX para a área de transferência
- Apenas no Lado do Cliente – Todo o processamento ocorre no seu navegador, nenhum dado é enviado para servidores
Perguntas frequentes
-
Quantas cores nomeadas existem no CSS3?
O CSS3 define exatamente 140 cores nomeadas (também chamadas de cores estendidas ou cores X11). Estas variam de cores básicas como vermelho, azul e verde a tons mais específicos como 'cornflowerblue', 'darkolivegreen' e 'papayawhip'. Cada navegador moderno reconhece todos os 140 nomes, tornando-os uma maneira confiável de especificar cores no desenvolvimento web sem ter que memorizar códigos hexadecimais.
-
Como funciona a distância Euclidiana para correspondência de cores?
A distância Euclidiana no espaço RGB trata cada cor como um ponto em um espaço 3D onde os eixos são os valores Vermelho, Verde e Azul (0-255). A distância entre duas cores é calculada como a raiz quadrada da soma das diferenças quadradas para cada canal. Uma distância de 0 significa uma correspondência exata, enquanto a distância máxima possível (entre preto #000000 e branco #FFFFFF) é de cerca de 441. Isso fornece uma aproximação simples e rápida da similaridade de cores.
-
Por que a cor nomeada mais próxima pode parecer diferente da minha entrada?
O CSS3 possui apenas 140 cores nomeadas em mais de 16 milhões de cores hexadecimais possíveis, portanto, correspondências exatas são raras. A cor nomeada mais próxima é a opção disponível mais próxima, mas a diferença pode ser significativa para tons incomuns. A porcentagem de similaridade ajuda você a avaliar o quão próxima é a correspondência — qualquer coisa acima de 95% é visualmente muito próxima, enquanto correspondências abaixo de 80% podem parecer visivelmente diferentes.
-
Qual é a diferença entre a distância RGB e a diferença de cor perceptual?
A distância Euclidiana RGB trata todos os canais de cor igualmente, mas a visão humana é mais sensível a algumas diferenças de cor do que a outras. Fórmulas de diferença de cor perceptual como CIEDE2000 (deltaE) levam em consideração como os humanos realmente percebem a cor, ponderando a sensibilidade ao verde mais alto e levando em conta as mudanças de matiz. A distância RGB é mais rápida de calcular e suficiente para a maioria dos casos de uso, enquanto deltaE é mais preciso para trabalhos de cores profissionais.
Instale nossas extensões
Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
恵 O placar chegou!
Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!
Ferramentas essenciais
Ver tudo Novas chegadas
Ver tudoAtualizar: Nosso ferramenta mais recente foi adicionado em 1º de abr. de 2026
