Cor HEX para Nome

Transforme qualquer código HEX em um nome de cor

Já teve um valor HEX como #6395EE e se perguntou como chamá-lo? Esta ferramenta pega qualquer código de cor HEX e encontra a cor nomeada CSS mais próxima — as palavras-chave legíveis como red, tomato, cornflowerblue e os vizinhos de rebeccapurple que os navegadores entendem nativamente. Cole um código e você obtém o nome mais próximo, se é uma correspondência exata e uma lista resumida das cores mais parecidas com a sua.

Ela funciona inteiramente no seu navegador. Nada do que você digita é enviado ou registrado.

Como usar

1. Digite uma cor HEX no campo de entrada. Todas as formas comuns são aceitas: #FF5733, FF5733, a abreviação de três dígitos #F53 ou F53 — com ou sem o # no início.
2. Opcionalmente, escolha quantas cores próximas listar (1–10).
3. Leia o resultado: o nome da cor mais próxima, o selo Exact match / Closest match e uma tabela com as cores CSS mais próximas, com seus valores HEX, RGB e distância. Copie o nome ou baixe a lista completa em CSV.

Como a cor mais próxima é calculada

A ferramenta compara a sua cor com as 140 cores nomeadas CSS3 / X11 padrão — a mesma lista que o navegador resolve quando você escreve color: teal. Cada cor nomeada tem um valor RGB exato, definido pela especificação.

A correspondência usa a distância euclidiana no espaço RGB: ela trata cada cor como um ponto (R, G, B) e mede a distância em linha reta entre a sua cor e cada cor nomeada:

distance = √( (R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)² )

O nome com a menor distância vence. Uma distância de 0.00 significa que o seu HEX é idêntico àquela cor CSS, e a ferramenta a marca como Exact match. Qualquer outro valor é um Closest match, e o número da distância mostra o quanto você está longe — valores pequenos (abaixo de ~10) são visualmente indistinguíveis, enquanto valores maiores indicam um tom bem diferente.

Por que a distância RGB?

A distância euclidiana RGB é rápida, transparente e determinística — a mesma entrada sempre produz a mesma resposta. É a abordagem padrão para a pergunta "como eu chamo esta cor?". Ela pesa cada canal igualmente, então não é um modelo perfeito da visão humana, mas para nomear uma cor em uma paleta fixa de 140 entradas é mais do que precisa, e a lista classificada permite que você compare as alternativas por conta própria.

O que conta como exact match?

Apenas códigos HEX que são exatamente iguais ao valor canônico de uma cor CSS. Por exemplo, #FF0000 é exatamente red, #2E8B57 é exatamente seagreen, e #00FFFF resolve para aqua (seu sinônimo listado antes, cyan, tem o mesmo valor).

Perguntas frequentes

Funciona offline?

Sim. Todos os 140 valores de cor e a matemática da correspondência vêm com a página e rodam no lado do cliente, então funcionam sem conexão de rede e mantêm sua entrada privada.

Posso fazer o caminho inverso, de um nome para um código HEX?

Esta ferramenta vai de HEX → nome. Como a tabela mostra o HEX e o RGB de cada correspondência, você também pode usá-la para conferir um nome que tem em mente, encontrando-o nos resultados.

Quais formatos posso colar?

HEX de seis dígitos (#RRGGBB), abreviação de três dígitos (#RGB, expandida duplicando cada dígito), ambos com ou sem #. Qualquer coisa que não seja HEX válido é rejeitada com uma mensagem clara.