Resumindo
- Cores triádicas são três matizes espaçados por igual no círculo cromático, a um terço do círculo de distância, como vermelho, amarelo e azul no círculo do pintor.
- Uma paleta triádica funciona quando uma cor domina, uma segunda apoia e a terceira é usada como um pequeno destaque.
- Suavizar duas das três cores é o jeito mais rápido de deixar uma paleta triádica com cara de adulta.
- Uma paleta complementar dividida usa um matiz mais os dois matizes vizinhos do seu oposto, o que dá contraste forte com menos tensão.
- Cores triádicas costumam funcionar melhor como áreas separadas do que misturadas em um único gradiente.
Nesta página
Cores triádicas são três matizes espaçados por igual no círculo cromático, cada um a um terço do círculo dos outros. No círculo do pintor, vermelho, amarelo e azul formam uma tríade, assim como laranja, verde e violeta. Como as três ficam à mesma distância, nenhuma se impõe às outras só pela posição, e é isso que faz as paletas triádicas parecerem vivas e equilibradas. É também o que facilita exagerar.
Este guia fala 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 citados abaixo.
Esquemas de cores triádicos no círculo
| Tríade | Círculo | Caráter |
|---|---|---|
| Vermelho, amarelo, azul | Do pintor (primárias) | Ousado, gráfico, familiar |
| Laranja, verde, violeta | Do pintor (secundárias) | Terroso, incomum, rico |
| Vermelho-alaranjado, amarelo-esverdeado, azul-violeta | Do pintor (terciárias) | Moderno, menos previsível |
| Vermelho, verde, azul | Da tela (RGB) | Técnico, gritante na força máxima |
| Ciano, magenta, amarelo | Da tela (RGB) | Cara de impresso, divertido |
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 só onde você quer que o olhar pouse. Uma divisão de 60, 30 e 10 é um bom ponto de partida, como na regra 60 30 10.
Qual cor deve liderar? Geralmente a mais escura ou a menos saturada, porque grandes áreas de uma cor viva cansam. Guarde a mais viva para o destaque. Se a cor da sua marca faz parte da tríade, ela costuma ser a líder óbvia.
Como suavizar uma tríade
A segunda ferramenta é a saturação. Mantenha uma cor forte e puxe as outras duas em direção ao cinza, mais escuras ou mais claras. A estrutura da tríade continua, então a paleta ainda parece equilibrada, mas perde o brilho de escola primária. Muitas paletas editoriais e tradicionais são tríades disfarçadas: marinho, ocre e tijolo, ou oliva, ameixa e ferrugem.
Onde as paletas triádicas funcionam
Tríades combinam com marcas e projetos que querem parecer enérgicos, inclusivos ou divertidos sem parecer 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 produto, três níveis de curso ou três tipos de evento, porque cada cor fica o mais longe possível das outras duas.
- Três categorias: dê a cada uma a sua cor da tríade e mantenha os layouts idênticos, para que a cor faça a separação.
- Uma marca, uma líder: use a cor líder em tudo e traga as outras duas para ilustrações, gráficos e destaques.
- Pôsteres e embalagens: uma tríade suavizada sobre um neutro quente dá uma sensação de impresso de meados do século. Planeje as cores para tinta; veja gradientes para impressão.
- Interfaces: reserve a tríade para status e ilustrações e deixe os neutros sustentarem as telas, senão toda página vai parecer barulhenta.
Cores complementares divididas
Um esquema complementar dividido começa com um matiz e, em vez do oposto direto, usa os dois matizes vizinhos desse oposto. Você mantém a maior parte do contraste de um par complementar, perde o choque frontal e ganha uma terceira cor para trabalhar. É um dos esquemas mais tolerantes para quem está começando.
- Cor base: a líder, usada na maior parte do design.
- Primeira cor da divisão: apoio, em áreas menores ou em uma versão mais discreta.
- Segunda cor da divisão: o destaque, usado com moderação.
- Neutro: um quase branco ou quase preto para amarrar tudo.
Cores triádicas em gradientes
Misturar as três cores de uma tríade em um só gradiente obriga a transição a passar por todos os matizes entre elas, e pelo menos uma das passagens costuma ficar apagada. As tríades funcionam melhor como áreas separadas, ou como um gradiente de duas cores com a terceira guardada como destaque.
Erros comuns em paletas triádicas
Evite
- Três cores saturadas em quantidades iguais
- Texto na cor de destaque
- As três misturadas em um só gradiente
- Nenhum neutro para o olho descansar
Faça
- Uma líder, uma de apoio, uma de destaque
- Texto em um neutro com contraste forte
- Áreas separadas, ou duas misturadas mais um destaque
- Um quase branco ou quase preto junto
Se uma tríade ainda parecer barulhenta demais, desça 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?
Cores triádicas são três matizes espaçados por igual no círculo cromático, cada um a um terço do círculo dos outros, como vermelho, amarelo e azul no círculo do pintor.
Como usar um esquema de cores triádico?
Deixe uma cor dominar, uma segunda apoiar e a terceira funcionar como um pequeno destaque. Suavizar duas das três deixa a paleta mais fácil de usar no dia a dia.
O que é um esquema de cores complementar dividido?
Um matiz base mais os dois matizes vizinhos 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 matizes opostos; as triádicas usam três matizes espaçados por igual no círculo. As tríades são mais variadas e costumam ser um pouco menos tensas.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
