Significado da cor amarela: sol, alerta e design legível

O significado da cor amarela é, antes de tudo, o sol: calor, otimismo, felicidade e energia. Como o amarelo é a mais clara e chamativa das cores saturadas, ele também significa atenção e cautela, das listras de uma vespa a uma placa de trânsito. No branding, parece amigável, acessível e animado. Bem usado, é inesquecível. Usado sem cuidado, é a cor com mais chance de tornar as palavras ilegíveis, e por isso este guia gasta tanto tempo com contraste quanto com significado.

O que o amarelo significa

• Sol e calor: a cor da luz do sol, do verão e da fruta madura, então parece luminosa e generosa.
• Otimismo e felicidade: smileys, girassóis e embalagens alegres se apoiam nele.
• Atenção: marca-textos, post-its e etiquetas de preço amarelos existem porque o amarelo é notado.
• Cautela: fita de perigo, placas de aviso e as listras pretas e amarelas que vespas e abelhas dividem com chãos de fábrica.
• Menos lisonjeiro: em inglês, “yellow” pode significar covarde, e amarelos pálidos e doentios podem sugerir doença ou velhice.

Como em qualquer cor, essas associações são aprendidas e dependem do contexto. Um amarelo manteiga suave numa caixa de padaria e um amarelo de perigo numa placa de obra são o mesmo matiz com mensagens opostas; psicologia das cores explica por quê.

O que cada tom de amarelo significa

Amarelo e legibilidade

O amarelo é quase tão claro quanto o branco, então se comporta como um fundo claro, por mais berrante que pareça. Texto branco sobre girassol #FFD60A mede 1,41:1, bem abaixo dos 4,5:1 que a WCAG pede para texto corrido. Amarelo puro sobre branco é pior, 1,07:1: quase invisível. Inverta e o amarelo vira um dos melhores fundos que existem: preto sobre amarelo puro chega a 19,56:1.

Qualquer amarelo deste artigo passa fácil com quase preto: mostarda com #111111 chega a 9,15:1, e manteiga com marrom escuro #3A2E05 chega a 11,78:1. Contraste de cores explica os limites.

Por que o amarelo escuro fica verde e como corrigir

Acrescente preto ao amarelo e ele não vira um amarelo mais profundo; vira oliva. Por isso amarelos mais profundos, como mostarda, dourado e âmbar, nascem de um deslocamento do matiz para o laranja e de um toque de marrom. O mesmo vale para gradientes amarelos: deixe a ponta escura passar por âmbar e terra de sombra, não por cinza.

Tintas, tons e sombras explica por que o amarelo se comporta assim, e gradientes amarelos traz mais códigos baseados no mesmo princípio.

O significado do amarelo em diferentes culturas

• China: o amarelo foi historicamente a cor imperial, reservada ao imperador, e ainda carrega uma ideia de dignidade.
• Hinduísmo e budismo: o açafrão e o amarelo profundo têm significado sagrado, visível nas vestes de muitos monges budistas.
• Ciclismo: o líder do Tour de France veste a camisa amarela, o maillot jaune.
• América do Norte: ônibus escolares amarelos e laços amarelos, sinal de esperança pelo retorno de alguém.
• Em toda parte: o par preto e amarelo das placas de aviso se lê como cautela em quase todo o mundo.

Para o amarelo ao lado de vermelho, branco e preto, veja significados das cores em diferentes culturas.

O amarelo no branding

Marcas amarelas parecem amigáveis, ágeis e acessíveis, por isso o amarelo é comum em entregas, varejo de preço baixo, fast food e produtos infantis. Como é tão berrante, as identidades amarelas mais fortes o usam como um campo com texto preto ou como um único destaque entre neutros. Uma página inteira de amarelo atrás de fotografia amarela cansa o olho rápido.

Bons parceiros são grafite e preto para impacto, azul-marinho e cobalto para um contraste confiante, e creme quente ou terracota para uma sensação mais suave e ensolarada. Combinar o amarelo com outras cores berrantes é possível, mas siga as regras de paletas de cores vibrantes para o texto ainda ter um lugar calmo onde ficar.

Fundos amarelos são onde a tinta Auto do Gradiently mostra seu valor: um Mark escolhe texto claro ou escuro linha por linha na própria paleta, então texto sobre um Mark amarelo nunca acaba branco sobre sol. Com o Pro, o mesmo design se redimensiona para todos os formatos de uma vez e as palavras continuam legíveis.