1001Ferramentas
🔺Geradores

Paleta Triádica

Gere uma paleta triádica (três cores espaçadas igualmente na roda de cores) a partir de uma cor base. Combinações vibrantes e equilibradas para design e branding.

3 cores

Paletas triádicas: três vozes em equilíbrio

Uma paleta triádica usa três matizes espaçadas igualmente — 120° entre si — na roda de cores. A matemática em HSL é um passo além da complementar: H1 = X, H2 = (X + 120) mod 360, H3 = (X + 240) mod 360. O resultado é vibrante e energético, mas mais equilibrado que um par complementar, porque nenhuma das três matizes está em oposição direta. Triádicas clássicas incluem as primárias dos pintores Vermelho-Amarelo-Azul (RYB), as primárias da impressão Ciano-Magenta-Amarelo (CMY) e a triádica secundária Verde-Laranja-Roxo.

Por que triádicas parecem vivas

Três matizes significam três "canais" que o olho consegue rastrear de forma independente — perfeito para visualização de dados categórica (uma cor por série). O arranjo também é psicologicamente rico: sempre há uma matiz quente, uma fria e uma terceira que medeia. Johannes Itten, na teoria das cores da Bauhaus, classificou a harmonia triádica entre as mais estáveis: três forças em equilíbrio, como um tripé.

Marcas que dominam uma triádica

  • Google — logo RYBG inclina-se à triádica (com verde como quarta), passando jovialidade e acessibilidade.
  • Burger King — laranja/vermelho/azul, comfort food com proximidade.
  • Toy Story — primárias saturadas direto da triádica RYB, sinalizando alegria infantil.
  • Super-Homem — vermelho, azul e amarelo em todo quadrinho de super-herói desde 1938.

A regra 60-30-10

Três primárias saturadas em força máxima parecem cartoon — funciona para infantil, falha para B2B. Aplique a regra 60-30-10 do design de interiores: 60% cor dominante, 30% secundária, 10% acento. Dessature as duas matizes de apoio, leve a dominante a um tom sóbrio, e a mesma triádica passa a ler como uma marca adulta. É assim que Composição com Vermelho, Azul e Amarelo (1930), de Mondrian, evita o grito das três primárias — a grade branca atua como o neutro de 60%.

Pegadinhas

  • Três matizes muito saturadas no mesmo peso criam caos visual — module pelo menos duas.
  • Triádicas podem falhar a WCAG em pares individuais mesmo quando o conjunto parece equilibrado — teste cada combinação texto/fundo separadamente.
  • Em gráficos categóricos, nunca confie só na cor; adicione forma ou padrão, principalmente no par verde/vermelho.
  • Se você precisa de um tom sóbrio, B2B sério, uma paleta complementar ou análoga geralmente serve melhor.

FAQ

As três cores precisam ter saturação e luminosidade idênticas? Não — module pelo menos uma. Triádicas puras de mesmo peso parecem cartaz de jardim de infância; marcas adultas dessaturam duas das três.

A paleta passa na WCAG? Avalie cada par texto/fundo separadamente. Uma triádica pode parecer harmônica no geral enquanto uma combinação específica amarelo-no-branco falha o 4.5:1.

Triádica serve para marca B2B séria? Geralmente não. Comece por complementar ou análoga para fintech, jurídico, SaaS enterprise. Triádica brilha em consumo, infantil, entretenimento e educação.

Qual a diferença entre triádica e tetrádica? Triádica usa três matizes a 120°; tetrádica usa quatro formando um retângulo (pares de 60°/120°). Tetrádica dá mais variedade mas é mais difícil de equilibrar — em geral deixa-se uma matiz dominar.

Ferramentas Relacionadas