Por que você vai travar com nomes de cores em inglês
A primeira vez que precisei traduzir especificações de cores de um catálogo americano para produção local, achei que fosse simples. Errei. Cores como "navy", "burgundy" e "mustard" parecem óbvias até você tentar explicar para um grafico brasileiro o que exatamente está sendo pedido. O problema é que esses nomes carregam variações culturais que não existem no português padrão. O que funciona na prática é ter uma tabela de referência cruzada que eu montei anos atrás e que ainda uso. Não é perfeita, mas evita o tipo de erro que já me custou um orçamento errado e uma reunião constrangedora com um cliente que viu o vermelho escolhido como "tomate" em vez de "bordeaux".
Nome de cores ingles: como organizar isso sem surrar a cabeça
A abordagem que adotei foi simples. Agrupei as cores por famílias — vermelhos, azuis, verdes, neutros — e abaixo de cada nome em inglês coloquei a equivalência em português, o código HEX, e quando possível o equivalente em Pantone. Isso porque se você trabalhar com impressão, o HEX sozinho não serve de nada. Comecei assim:
Red / Vermelho
Crimson Carmesim #DC143C
Burgundy Bordô #800020 (Pantone 2013 C)
Scarlet Escarlate #FF2400
Tomato Tomate #FF6347 O ponto que a maioria das pessoas perde é que nomes de cores em inglês variam muito entre o Reino Unido e os EUA. "Fuchsia" nos EUA é a mesma cor que "Magenta" no Reino Unido em contextos de design. Se você recebe um briefing de um cliente britânico e vê "magenta", não assume automaticamente que é a mesma coisa que o fuchsia do catálogo americano que você tem no Photoshop.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Outro detalhe prático: cores como "eggshell", "ivory" e "cream" todas são off-white, mas com diferenças sutis de temperatura que importam quando você está definindo fundo de site ou papel de carta. Eggshell tende ao levemente amarelado, ivory é mais quente ainda, cream tem um toque mais amarelado-gorduroso. Na prática, eu sempre peço para o cliente ver as três lado a lado antes de decidir. A tela do monitor mente sobre isso. Para quem precisa de algo pronto, recomendo consultar a lista padronizada do X11 Color Names ou o CSS Color Module Level 4, que incluem as 148 cores nomeadas oficialmente usadas na web. O site CSS-tricks.com também mantém uma tabela visual bem organizada e atualizada. Eu costumo usar essa como base e depois adiciono as variações que encontro no dia a dia.
O problema recorrente que todo mundo subestima é a diferença entre nome e tom real. "Teal" não é simplesmente azul-esverdeado. É #008080, ponto final. Se você usar um gradiente que passa por verde-azulado genérico, o resultado vai parecer errado mesmo que o nome esteja certo. A solução é sempre verificar o código HEX ou RGB antes de passar para produção. Se o seu trabalho envolve impressão offset ou flexografia, avise que as cores nomeadas em inglês muitas vezes não têm correspondência exata em CMYK brasileiro. Nesse caso, o caminho é converter para Pantone primeiro e só depois para CMYK, senão a cor chega no material final diferente do que foi aprovado na telamodelo.
Uma dica que economiza tempo: use o navegador Chrome com a ferramenta de desenvolvedor aberta para inspecionar qualquer cor de site e copiar o HEX diretamente. Isso elimina a perda de tempo tentando acertar a cor manualmente pela descrição em inglês. Já vi gente levandotrês minutos por cor para encontrar a cor certa descrevendo o nome.
Links úteis
• CSS Color Module Level 4 — Nomes de Cores
• Wikipedia — Lista de Cores (A-F)
• WebAIM Contrast Checker (bom para testar acessibilidade)
• Coolors.co — Gerador de paletas Se quiser algo mais manual, imprima a tabela e cole na parede. Parece absurdo, mas funciona melhor do que ficar alternando abas no navegador a cada cinco minutos quando o prazo aperta.