Localizador de Nomes de Cores
Encontre o nome de cor mais próximo para qualquer código hex, RGB ou HSL. Insira uma cor e obtenha correspondências das listas HTML/X11, NTC (1500+ nomes) e básica — ordenadas por similaridade perceptual (Delta-E). Perfeito para design, acessibilidade e nomeação de cores.
Color Preview
Results update automatically as you type or use the picker.
Type a color code or use the picker above. Results update as you type.
Insira uma cor (hex, rgb ou hsl) para encontrar seu nome mais próximo
Índice
O que é um Localizador de Nomes de Cores?
Um localizador de nomes de cores recebe um código de cor (hex, RGB, HSL) e retorna o nome de cor correspondente mais próximo de uma ou mais listas (ex. nomes de cores HTML/X11, NTC). Como a maioria dos códigos não tem um nome exato, a ferramenta usa distância de cor perceptual (Delta-E no espaço Lab) para que o nome corresponda ao que o olho vê.
O Localizador de Nomes de Cores do Tooladex usa a biblioteca color-namer e suporta hex (#FF5500), RGB (rgb(255,85,0)) e HSL (hsl(24,100%,50%)). Os resultados são mostrados das listas Básica, HTML/X11 e NTC (1500+ nomes), com a correspondência mais próxima primeiro e a distância para que você possa julgar o ajuste.
Como funciona
- Insira uma cor — Hex (#FF5500), RGB (rgb(255,85,0)) ou HSL (hsl(24,100%,50%)). Com ou sem # para hex.
- As correspondências são calculadas — Sua cor é comparada com cada cor nomeada em cada lista no espaço Lab; a menor distância é o nome mais próximo.
- Veja os nomes mais próximos — Para cada lista (Básica, HTML/X11, NTC) o nome mais próximo e seu hex e distância são mostrados. Distância menor = correspondência mais próxima.
- Mais correspondências NTC — Até 7 nomes NTC adicionais são listados por similaridade para que você possa escolher um nome mais específico ou alternativo.
Todo o processamento é executado no seu navegador; nenhum dado de cor é enviado a um servidor.
Listas de nomes
- Básica — Pequeno conjunto de nomes simples (ex. vermelho, azul, verde).
- HTML / X11 — Nomes de cores HTML/CSS padrão (da lista X11). Exibidos juntos porque geralmente retornam a mesma correspondência mais próxima.
- NTC — Grande conjunto (1500+ nomes) da lista "Name That Color"; melhor para nomes específicos ou criativos.
Casos de uso
- Design — Nomear uma cor de um seletor ou hex de marca para documentação ou paletas.
- Acessibilidade — Referir-se a cores pelo nome em especificações ou discussões.
- Código — Escolher entre cores nomeadas (ex. coral) vs hex em CSS.
- Conteúdo — Rotular cores em catálogos, filtros ou UI (ex. "Tangerina" em vez de #FF9966).
Perguntas frequentes
Hex (ex. #FF5500 ou FF5500), RGB (ex. rgb(255,85,0)), RGBA e HSL (ex. hsl(24,100%,50%)). A ferramenta normaliza automaticamente o hex de 6 dígitos sem #.
Distância é o quão longe sua cor está da cor nomeada no espaço de cor Lab (perceptual). Zero significa uma correspondência exata. Valores menores significam uma correspondência mais próxima; valores maiores significam que o nome é apenas um ajuste aproximado.
Cada lista tem um conjunto diferente de cores nomeadas. Básica tem poucos nomes; NTC tem 1500+. O nome mais próximo em cada lista pode diferir (ex. "vermelho" em básica vs "coral" em HTML/X11) porque as listas não contêm as mesmas cores.