Buscar nome da cor por HEX
#ff5733 é identificado como tomato, a cor com nome mais próxima (#ff6347), a uma distância de 23.323808, então você sabe que é parecida, mas não idêntica. Dê um nome amigável aos seus códigos hex sem fingir que coincidem. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Hex
- #ff5733
- Hex de entrada
- #ff5733
- Nome
- tomato
- Hex nomeado
- #ff6347
- Distância
- 23,323808
Um código HEX é preciso, mas nem sempre é fácil de descrever em documentos ou revisões. Esta busca converte três ou seis dígitos na cor sólida CSS/X11 mais próxima. Ela compara os canais vermelho, verde e azul e retorna nome, HEX canônico, ambos os valores RGB, distância e indicação de correspondência exata, sem apresentar uma aproximação como igualdade.
Informe uma cor hexadecimal válida
Preencha hex com seis dígitos, como <code>#ff5733</code>, ou três, como <code>#f53</code>. O cerquilha é opcional e letras maiúsculas ou minúsculas são aceitas. A forma curta repete cada dígito antes da comparação.
Formatos alfa de quatro e oito dígitos são recusados, pois opacidade não participa da distância entre cores sólidas. Notações <code>rgb()</code>, <code>hsl()</code>, variáveis e nomes também ficam fora do escopo. Converta previamente qualquer outra notação para um HEX de três ou seis dígitos.
Entenda a escolha do nome mais próximo
O cálculo transforma a entrada em canais vermelho, verde e azul de 0 a 255 e repete isso para cada cor sólida CSS/X11. Em cada candidato, subtrai os canais, eleva as diferenças ao quadrado, soma e extrai a raiz. A menor distância vence.
Zero representa igualdade; números maiores indicam descrições menos exatas. O método é simples e reproduzível, embora não represente perfeitamente a percepção humana. Como a paleta está em ordem alfabética, um empate sempre escolhe o primeiro nome.
Aproveite o resultado sem perder a origem
Use o nome como descrição conveniente, não como substituição automática. A resposta mantém o HEX normalizado e seus canais RGB e acrescenta o nome vencedor, HEX e RGB nomeados, distância e sinal de igualdade. Isso deixa relatórios e transformações auditáveis.
Você pode rotular tokens, definir um limite antes de normalizar uma paleta ou explicar códigos no suporte. Para fidelidade visual, preserve o HEX original; para padronização com palavras-chave do navegador, aplique seu próprio limite de distância e use a cor nomeada. O processo não acessa rede, relógio nem aleatoriedade, portanto funciona em testes e builds reproduzíveis.
Casos de uso
Rotular tokens de design
Acrescente um nome CSS compreensível a valores hexadecimais sem apagar os originais.
Revisar paletas importadas
Meça a proximidade de cores externas às palavras-chave do navegador antes de normalizá-las.
Simplificar conversas sobre cores
Transforme códigos pouco claros em nomes estáveis para documentação, chamados e suporte.
Perguntas frequentes
Quais formatos HEX são aceitos?
Exatamente três ou seis dígitos hexadecimais, com cerquilha opcional, em maiúsculas ou minúsculas.
Há suporte a transparência alfa?
Não. Formas de quatro e oito dígitos são recusadas porque a paleta contém cores sólidas.
Como a cor mais próxima é calculada?
A ferramenta minimiza a distância euclidiana nos canais vermelho, verde e azul.
Por que o nome pode ser inesperado?
A distância RGB é matemática, não perceptual, e os nomes CSS têm distribuição irregular.
Como os empates são resolvidos?
Os nomes são avaliados alfabeticamente, portanto vence a primeira palavra-chave CSS.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/color/name-lookup \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#ff5733"}'const res = await fetch("https://api.kit.forhosting.com/color/name-lookup", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#ff5733"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/name-lookup",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#ff5733"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/name-lookup", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#ff5733"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#ff5733"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/name-lookup", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"hex": "#ff5733"
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_lookup",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
Informe uma cor hexadecimal válida
Quantidade errada de dígitos, caracteres inválidos, valor vazio ou tipo diferente de texto produzem <code>invalid_input</code>. Isso impede que um token defeituoso vire silenciosamente outra cor em uma automação.
Entenda a escolha do nome mais próximo
Há aliases com RGB idêntico, como gray e grey, além de aqua e cyan. Assim, navegador e API entregam o mesmo resultado em qualquer máquina e execução.
Aproveite o resultado sem perder a origem
A execução nesta página é local, enquanto cada chamada automatizada custa US$ 0,002.
Perguntas técnicas
Quanto custa uma chamada de API?
Cada chamada custa US$ 0,002. O executor do navegador faz localmente o mesmo cálculo.