O que é nome de cor diferente e por que ele existe
nome de cor diferente é uma ferramenta que gera nomes descritivos para valores hexadecimais ou RGB. A maioria dos designers e desenvolvedores conhece o problema: você encontra uma cor num site de referência, anota o código #4A7C59 e precisa dar um nome para ela no seu sistema de design tokens. O nome "green-medium" não ajuda ninguém. O nome gerado por essa ferramenta tenta traduzir a cor em algo como "verde musgo escuro" ou "verde floresta desbotado", o que é muito mais útil para documentação interna.
Como usar nome de cor diferente na prática
Achei esse recurso inicialmente por acaso num GitHub e resolvi testar num projeto real. O fluxo é simples. Você entra na ferramenta, cola o código hexadecimal da cor e ela devolve uma lista de nomes candidatos. Algumas versões ainda aceitam entrada RGB direta, o que é cômodo quando você está lidando com valores de bibliotecas CSS modernas como oklch ou lab. No meu caso, eu precisava nomear as cores de um sistema de UI para um app financeiro. Tinhamos mais de 120 tons de verde-azulado e vermelho-terroso para diferenciar. Automatizei com um script Python que lia os tokens do Figma, passava por nome de cor diferente em batch e salvava os resultados num arquivo JSON. Levou cerca de 20 minutos processar tudo, contra talvez 3 horas se eu fosse nomear manualmente cada uma.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Pegadinhas que ninguém conta sobre nome de cor diferente
Aqui vai o que realmente importa e que vocês não encontram num tutorial genérico. Primeiro, a ferramenta não é perfeita com cores de baixa saturação ou tons pastéis. Quando eu testei com um cinza-quase-branco (#F5F5F3), o nome gerado ficou ridículo: "off-white com leve tom de bege". Na prática, isso é inútil num sistema de design. A workaround que eu encontrei foi configurar um threshold de saturação no meu script: se a saturação HSV fosse menor que 8%, eu pulava a geração automática e usava uma nomenclatura padrão do tipo "neutral-X". Isso reduziu drasticamente a quantidade de ajustes manuais necessários. Segundo ponto: nomes gerados podem conflitar entre si. Eu descobri isso na marra quando dois tons vizinhos no meu spectrum receberam o mesmo nome "verde sage médio". A ferramenta não tem um mecanismo de deduplicação global. A solução foi fazer uma segunda passada comparando todos os nomes entre si e, quando encontrava duplicata, alterava um dos tons levemente no espaço HSL para forçar um nome distinto, geralmente ajustando a matiz em 2 a 3 graus.
Limitações reais que você precisa saber antes de confiar cegamente
nome de cor diferente funciona bem para cores de média a alta saturação em espaços como sRGB. Mas em contextos de impressão CMYK ou quando você trabalha com gamuts mais amplos como P3, os nomes podem sair completamente errado. A ferramenta opera predominantemente no espaço sRGB, então se sua cor vier de um perfil diferente, o nome gerado pode ser enganoso. Eu já perdi tempo tentando justificar um nome "vermelho vibrante" para uma cor que na tela do cliente aparecia como "vermelho tijolo desbotado". A diferença era justamente o espaço de cor de origem. Outro problema sério: a consistência. Reexecutar a ferramenta com a mesma cor hexadecimal na maioria das vezes devolve o mesmo resultado, mas não é garantido em todas as implementações. Se você está construindo um sistema de design que precisa ser versionado e auditável, isso é um risco. A minha abordagem foi congelar os nomes num arquivo de referência e nunca mais regenerar, usando versionamento de Git para controlar qualquer mudança posterior.
Quando nome de cor diferente não resolve e o que fazer no lugar
Se o seu objetivo é apenas ter nomes bonitos para mostrar a stakeholders, a ferramenta funciona. Se o seu objetivo é construir um sistema escalável de tokens de design com centenas de cores, você vai precisar de uma camada extra. Uma alternativa mais robusta é combinar a ferramenta com regras heurísticas próprias. Eu criei uma camada que classifica a cor primeiro por família (vermelho, azul, verde, etc.), depois por luminosidade percebida e saturação, e só então aplica o nome gerado. O resultado foi um sistema que meus devs passaram a usar sem reclamações, e o processo inteiro de nomeação de 200 cores levou menos de uma hora no total. Para quem não quer codar nada, existem ferramentas mais simplificadas como o Color Name Generator do site coolors.co que fazem algo parecido num interface mais amigável, embora com menos controle. A escolha depende do volume e da criticidade do seu projeto. nome de cor diferente é útil quando você já tem um fluxo de trabalho estabelecido e precisa de velocidade. Não é solução completa para nenhum contexto que envolva múltiplas partes interessadas revisando paletas.