A versão curta
- As cores triádicas são três tons distribuídos de forma igual à volta do círculo cromático, a um terço do círculo umas das outras, como o vermelho, o amarelo e o azul no círculo do pintor.
- Uma paleta triádica funciona quando uma cor domina, uma segunda apoia e a terceira é usada como pequeno acento.
- Suavizar duas das três cores é a forma mais rápida de dar a uma paleta triádica um ar adulto.
- Uma paleta complementar dividida usa um tom e os dois tons de cada lado do seu oposto, o que dá um contraste forte com menos tensão.
- As cores triádicas costumam funcionar melhor como áreas separadas do que misturadas num só gradiente.
Nesta página
As cores triádicas são três tons distribuídos de forma igual à volta do círculo cromático, cada um a um terço do círculo dos outros. No círculo do pintor, o vermelho, o amarelo e o azul formam uma tríade, tal como o laranja, o verde e o violeta. Como os três estão à mesma distância, nenhum se sobrepõe aos outros só pela posição, e é isso que torna as paletas triádicas vivas e equilibradas. Também as torna fáceis de exagerar.
Este guia trata das tríades, da regra que as impede de parecer uma caixa de brinquedos e do esquema complementar dividido, um parente próximo mais fácil de controlar. O guia do círculo cromático explica os dois tipos de círculo referidos abaixo.
Esquemas de cores triádicos no círculo
| Tríade | Círculo | Carácter |
|---|---|---|
| Vermelho, amarelo, azul | Do pintor (primárias) | Ousada, gráfica, familiar |
| Laranja, verde, violeta | Do pintor (secundárias) | Terrosa, invulgar, rica |
| Vermelho alaranjado, verde amarelado, azul violeta | Do pintor (terciárias) | Moderna, menos esperada |
| Vermelho, verde, azul | De ecrã (RGB) | Técnica, estridente na intensidade máxima |
| Ciano, magenta, amarelo | De ecrã (RGB) | Com ar de impressão, divertida |
A regra da dominância: uma cor lidera
Três cores vivas em quantidades iguais disputam a atenção e parecem infantis. A solução é hierarquizá-las. Uma cor cobre a maior parte do design, uma segunda apoia e a terceira aparece apenas onde queres que o olhar pouse. Uma divisão de 60, 30 e 10 é um bom ponto de partida, como na regra 60-30-10.
Que cor deve liderar? Normalmente a mais escura ou a menos saturada, porque grandes áreas de uma cor viva cansam. Guarda a mais viva para o acento. Se a cor da tua marca faz parte da tríade, é muitas vezes a líder óbvia.
Suavizar uma tríade
A segunda ferramenta é a saturação. Mantém uma cor forte e puxa as outras duas para o cinzento, mais escuras ou mais claras. A estrutura da tríade sobrevive, por isso a paleta continua equilibrada, mas perde o brilho de escola primária. Muitas paletas editoriais e de tradição são tríades disfarçadas: marinho, ocre e tijolo, ou azeitona, ameixa e ferrugem.
Onde funcionam as paletas triádicas
As tríades servem marcas e projetos que querem transmitir energia, inclusão ou diversão sem parecerem aleatórios: educação infantil, jogos, festivais, comida e projetos comunitários. Também são úteis em sistemas que precisam de três categorias bem separadas, como três linhas de produtos, três níveis de curso ou três tipos de evento, porque cada cor está o mais longe possível das outras duas.
- Três categorias: dá a cada uma a sua cor da tríade e mantém os layouts idênticos, para que a cor faça a separação.
- Uma marca, uma líder: usa a cor líder em todo o lado e traz as outras duas para ilustrações, gráficos e destaques.
- Cartazes e embalagens: uma tríade suavizada sobre um neutro quente dá um ar impresso de meados do século. Planeia as cores para tinta; vê imprimir gradientes.
- Interfaces: guarda a tríade para estados e ilustrações e deixa os neutros sustentar os ecrãs, ou todas as páginas vão parecer barulhentas.
Cores complementares divididas
Um esquema complementar dividido parte de um tom e, em vez do seu oposto direto, usa os dois tons de cada lado desse oposto. Manténs a maior parte do contraste de um par complementar mas perdes o choque frontal, e ganhas uma terceira cor para trabalhar. É um dos esquemas mais tolerantes para quem está a começar.
- Cor base: a líder, usada na maior parte do design.
- Primeira cor dividida: apoio, em áreas menores ou numa versão mais discreta.
- Segunda cor dividida: o acento, usado com moderação.
- Neutro: um quase branco ou quase preto para segurar o conjunto.
Cores triádicas em gradientes
Misturar as três cores de uma tríade num só gradiente obriga a mistura a passar por todos os tons entre elas, e pelo menos uma das transições costuma ficar baça. As tríades funcionam melhor como áreas separadas, ou como um gradiente de duas cores com a terceira guardada como acento.
Erros nas paletas triádicas
Evita
- Três cores saturadas em quantidades iguais
- Texto na cor de acento
- As três misturadas num só gradiente
- Nenhum neutro para descansar o olhar
Faz
- Uma líder, uma de apoio, um acento
- Texto num neutro com contraste forte
- Áreas separadas, ou duas misturadas e um acento
- Um quase branco ou quase preto ao lado
Se uma tríade continuar a parecer demasiado barulhenta, desce para uma paleta análoga, em que as cores são vizinhas em vez de opostas.
Perguntas frequentes
O que são cores triádicas?
As cores triádicas são três tons distribuídos de forma igual à volta do círculo cromático, cada um a um terço do círculo dos outros, como o vermelho, o amarelo e o azul no círculo do pintor.
Como se usa um esquema de cores triádico?
Deixa uma cor dominar, uma segunda apoiar e a terceira funcionar como pequeno acento. Suavizar duas das três torna a paleta mais fácil de usar no dia a dia.
O que é um esquema de cores complementar dividido?
Um tom base mais os dois tons de cada lado do seu complementar. Mantém um contraste forte com menos tensão do que um par complementar direto.
Qual é a diferença entre cores triádicas e complementares?
As complementares usam dois tons opostos; as triádicas usam três tons distribuídos de forma igual à volta do círculo. As tríades são mais variadas e normalmente um pouco menos tensas.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
