Como transformar códigos de cor em nomes por extenso
Todo mundo que trabalha com web ou design já se deparou com aquele hex código #1E90FF num arquivo e não sabe o que é. A resposta rápida é "azul", mas na prática o campo intermediário entre esses dois mundos — nomes comuns do inglês ou português e códigos técnicos — quase não existe documentado de forma útil. Cor com todas as letras é basicamente esse intermediário: pegar uma referência técnica e escrever o nome do jeito que um ser humano faria, sem abreviações, sem números.
cor com todas as letra
A primeira coisa que as pessoas fazem errado é tentar fazer isso de cabeça. Um site como o NameThatColor ou o ColorBrewer ajuda, mas esses recursos têm lacunas sérias. Cores personalizadas, tons de marca, variações de um mesmo tom em luz diferente — nada disso aparece nas tabelas padronizadas. O que eu faço é montar uma planilha própria, alimentada por referências como o Pantone ou paletas de sistemas de design que minha equipe já validou. Aí sim a conversão vira busca, não adivinhação. Para quem precisa de automação, dá pra usar JavaScript simples no navegador. Basta ler um valor hex, converter pra HSL e mapear os intervalos de tonalidade para nomes. A lógica básica:
👉 Clique no botão abaixo para saber mais sobre o assunto!
- 0° a 15° e 345° a 360° = vermelho
- 16° a 40° = laranja
- 41° a 65° = amarelo
- 66° a 150° = verde
- 151° a 190° = ciano
- 191° a 240° = azul
- 241° a 280° = roxo
- 281° a 320° = magenta
- 321° a 344° = rosa
Isso funciona para tons saturados. O problema real começa quando a saturação cai pra menos de 20%. Aí você entra no terreno do cinza, e a maioria dos algoritmos baratos simplesmente devolve "cinza" pra tudo. Se você precisar diferenciar um cinza quente de um frio, tem que incluir o ângulo de matiz no mapeamento também. Minha tabela interna considera matiz, saturação e luminância separadamente e cruza os três dados antes de dar um nome. Leva uns minutos pra montar, mas evita aquela frustração de chamar algo de "bege" quando na verdade é "cinza rosé". Se o seu fluxo envolve muitas conversões, considere usar uma biblioteca existente como a color-name do npm ou o módulo chroma-js. Eles já implementam a lógica de aproximação mais refinada que a tabela simples acima. O custo é que você depende de manutenção de terceiros, e às vezes atualizações quebram a consistência dos nomes retornados. No meu caso, preferi manter o controle porque trabalho com uma paleta de marca que inclui tons customizados que nenhuma biblioteca comercial reconhece.
Outro ponto que ninguém menciona: a diferença entre português do Brasil e de Portugal. "Lilás" e "lila", "rosa" e "rose", "verde-água" e "azul-petróleo" variam regionalmente. Se o seu público é internacional, padronize uma nomenclatura e documente. Senão, você termina com três nomes diferentes pra mesma cor em documentações diferentes, e a confusão vira padrão. Para downloads práticos, há tabelas CSV no repositório do projeto color-name-db no GitHub que já vêm com mapeamentos hex-nome. É um ponto de partida razoável. Só não confie cegamente — verifique as cores que seu projeto realmente usa contra a lista, porque a cobertura nunca é completa o suficiente pra workloads reais.
