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
Gerador de Paleta de Imagem
Faça upload de uma imagem e extraia 3 a 24 cores dominantes via k-means clustering. Exporte como HEX, RGB, CSS variables ou Tailwind.
Paleta Monocromática
Gere uma paleta monocromática a partir de uma cor base, variando a luminosidade. Crie combinações elegantes e harmônicas para design, sites e identidade visual.
Gerador de Paleta Pixel Art (Estilo Lospec)
Gera paleta de 4/8/16/32 cores otimizada para pixel art com presets retro (Game Boy, NES, PICO-8, Sweetie-16). Exporta .hex e .gpl.