Anúncios incomodam? Ir Sem anúncios Hoje

Conversor de Cor Hexadecimal para Nome de Cor

CorDesenvolvedor
ANUNCIADO Remover?

Ou
Insira um nome de cor CSS para encontrar seu valor HEX

Correspondências de Cores CSS3 Mais Próximas

Nome da Cor HEX Distância
O resultado aparecerá aqui

Detalhes da Cor Selecionada

ANUNCIADO Remover?

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
  • Exclusivamente do lado do cliente – Todo o processamento ocorre no seu navegador, nenhum dado é enviado para servidores

ANUNCIADO Remover?

Perguntas frequentes

  1. 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.

  2. 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.

  3. 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.

  4. 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.

Quer eliminar anúncios? Fique sem anúncios hoje mesmo

Instale nossas extensões

Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida

Ao Extensão do Chrome Ao Extensão de Borda Ao Extensão Firefox Ao Extensão Opera

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!

ANUNCIADO Remover?
ANUNCIADO Remover?
ANUNCIADO Remover?

Notícias com destaques técnicos

Envolver-se

Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas

Compre-me um café
ANUNCIADO Remover?