O que é o círculo cromático
O círculo cromático, ou roda de cores, é um esquema que distribui as cores ao redor de um círculo. Cores vizinhas são parecidas. Cores opostas são as mais diferentes.
Isaac Newton desenhou uma das primeiras versões no século XVII. Desde então, artistas e designers usam o círculo para entender e combinar cores.
Existem dois modelos principais: o tradicional, usado na pintura, e o digital, usado nas telas.
Modelo tradicional RYB (pintura)
É o modelo ensinado na escola. Chama-se RYB pelas iniciais em inglês: vermelho (red), amarelo (yellow) e azul (blue).
- Primárias: vermelho, amarelo e azul. Não são obtidas misturando outras cores.
- Secundárias: laranja (vermelho + amarelo), verde (amarelo + azul) e violeta (azul + vermelho).
- Terciárias: mistura de uma primária com uma secundária vizinha. São vermelho-alaranjado, amarelo-alaranjado, amarelo-esverdeado, azul-esverdeado, azul-violeta e vermelho-violeta.
No total, a roda tradicional tem 12 cores. É útil para pintura, ilustração e para entender as harmonias.
Modelo digital RGB (telas)
As telas criam cor com luz. Elas misturam três luzes: vermelho, verde e azul. Por isso o modelo se chama RGB.
- Primárias: vermelho, verde e azul.
- Secundárias: amarelo (vermelho + verde), ciano (verde + azul) e magenta (azul + vermelho).
- Somando as três luzes no máximo, você obtém branco. Sem luz, obtém preto.
Os códigos HEX, como #FF0000, descrevem cores RGB. Por isso são o padrão no design de sites e apps.
Para impressão, usa-se outro modelo, o CMYK: ciano, magenta, amarelo e preto. É o que as gráficas usam.
Na prática, as harmonias funcionam de forma parecida nos dois modelos. O que muda é qual cor fica em frente à outra. Por exemplo, no RYB a complementar do vermelho é o verde. No RGB, é o ciano.
Cores quentes e frias
Se você dividir a roda ao meio, terá dois grupos:
- Quentes: vermelho, laranja e amarelo. Transmitem energia, proximidade e movimento. Parecem se aproximar de quem olha.
- Frias: verde, azul e violeta. Transmitem calma, distância e ordem. Parecem se afastar.
A temperatura também existe dentro de uma mesma cor. Há vermelhos mais frios, puxados para o azul, e cinzas mais quentes, puxados para o marrom.
Uma dica útil: use cores frias em fundos e áreas grandes, e quentes no que você quer destacar.
Harmonias de cores
As harmonias são combinações baseadas na posição das cores na roda. São um atalho para criar paletas equilibradas. Você pode testá-las com a nossa ferramenta de harmonia de cores.
Complementares
São duas cores opostas na roda. Por exemplo, azul e laranja.
Geram o máximo de contraste. Funcionam muito bem para destacar um botão, um preço ou um título.
Como usar: não use as duas em partes iguais. Escolha uma como dominante e use a outra como destaque. Evite colocar texto de uma cor sobre a sua complementar saturada, porque o contraste vibra e cansa a vista.
Análogas
São três cores vizinhas na roda. Por exemplo, amarelo, amarelo-alaranjado e laranja.
Criam combinações tranquilas e naturais. São comuns na natureza, como em um pôr do sol ou em uma floresta.
Como usar: escolha uma cor principal, outra de apoio e a terceira para detalhes. Adicione um neutro para não faltar contraste.
Tríade
São três cores separadas pela mesma distância, formando um triângulo. Por exemplo, vermelho, amarelo e azul.
Geram paletas vivas e equilibradas. São populares no design infantil, em jogos e em marcas alegres.
Como usar: deixe uma cor dominar e use as outras duas em menor quantidade. Se ficar intenso demais, reduza a saturação de uma ou duas cores.
Complementar dividida
Escolha uma cor e, em vez da sua oposta exata, use as duas vizinhas dessa oposta. Por exemplo, azul com vermelho-alaranjado e amarelo-alaranjado.
Tem bastante contraste, mas menos tensão que as complementares. É uma boa opção para começar.
Como usar: a cor base ocupa a maior parte. As outras duas servem como destaque.
Tétrade
São quatro cores que formam um retângulo ou um quadrado na roda. Equivale a dois pares de complementares. Por exemplo, azul, laranja, verde e vermelho.
É a harmonia mais rica, mas também a mais difícil de equilibrar.
Como usar: uma cor dominante, uma secundária e duas de destaque. Misture tons quentes e frios com cuidado e apoie-se em neutros.
Monocromática
Usa uma única cor em diferentes luminosidades e saturações. Por exemplo, vários tons de azul.
É elegante, coerente e fácil de aplicar. É muito usada em sites corporativos e em interfaces.
Como usar: use o tom mais escuro para o texto, o médio para os elementos principais e os claros para os fundos. Se quiser destacar algo, adicione uma única cor de destaque.
Dicas para aplicar o círculo cromático
- Comece por uma harmonia e ajuste depois. Não é obrigatório segui-la à risca.
- Mude a luminosidade e a saturação para suavizar combinações intensas.
- Sempre adicione neutros: branco, preto, cinza ou bege.
- Confira se o texto é fácil de ler sobre cada fundo.