Círculo Cromático: Roda de Cores e Paletas Harmônicas

O que é o círculo cromático?

O círculo cromático é a representação circular das cores que ajuda a visualizar como elas se relacionam entre si: o matiz percorre a borda em um espectro contínuo — vermelho, laranja, amarelo, verde, ciano, azul, violeta e de volta ao vermelho — enquanto a saturação cresce do centro, onde as cores ficam acinzentadas, até a borda, onde ficam no auge da vivacidade. É a ferramenta clássica por trás de qualquer combinação de cores bem pensada, seja para uma identidade visual, uma interface ou uma ilustração.

Nesta versão você não só olha o círculo: clica ou arrasta para escolher a cor base, e um marcador acompanha o ponteiro em tempo real. A partir dali, marcadores menores aparecem automaticamente nos pontos da roda que formam a harmonia escolhida — complementar, análoga, triádica e as demais — então dá para ver de imediato onde cada cor da paleta cai no espectro, não só o resultado final.

Como usar

1. Escolha a cor base. Clique ou arraste no círculo cromático, ou digite um código hex no campo ao lado — a roda pula direto para ele.
2. Selecione o esquema de harmonia. Troque entre complementar, análoga, triádica, complementar dividida, quadrada ou monocromática e veja os marcadores menores se reposicionarem na roda.
3. Ajuste e copie. Mova o controle de luminosidade para clarear ou escurecer toda a paleta de uma vez, depois clique em qualquer cartão para copiar o hex ou o hsl(), ou use “Copiar tudo” para levar a paleta inteira.

Os esquemas de cor, um a um

A complementar pega a cor oposta no círculo — a que fica a 180 graus — e por isso é a que gera mais contraste; funciona bem para chamadas para ação e qualquer elemento que precise saltar aos olhos contra o resto da composição. A análoga usa cores vizinhas na roda, então o resultado é uma paleta calma e coesa, com transições suaves — boa escolha quando o objetivo é harmonia e não impacto. A triádica distribui três cores a 120 graus uma da outra, cobrindo o círculo de forma equilibrada; rende paletas vivas sem o choque frontal da complementar, desde que uma das três assuma o papel de cor dominante.

A complementar dividida é uma versão mais suave da complementar: em vez da cor exatamente oposta, usa as duas vizinhas dela, o que mantém o contraste mas tira a tensão visual mais crua. A quadrada distribui quatro cores a 90 graus uma da outra e rende paletas ricas, mas também as mais difíceis de equilibrar — funcionam melhor quando uma cor lidera e as outras três aparecem em doses menores. Já a monocromática abandona a variação de matiz e trabalha só com luminosidade: é o esquema mais seguro para um sistema visual coeso, do tipo que sustenta uma marca ou uma interface inteira sem disputar atenção com o conteúdo.

Limitações honestas

Esta é uma roda RGB/HSL — o modelo que descreve luz de tela, não tinta. Nela, a complementar do vermelho é o ciano. Se você aprendeu círculo cromático na aula de artes ou numa teoria de cor mais tradicional, a referência provavelmente era a roda RYB, de mistura de pigmento, onde a complementar do vermelho é o verde. Nenhuma das duas está errada: são respostas a perguntas diferentes, e uma paleta montada aqui foi pensada para tela, não para tinta. Vale lembrar também que as seis regras de harmonia são convenções e pontos de partida, não garantias — uma tríade perfeita no papel pode não funcionar num layout real, onde a proporção entre as cores importa tanto quanto o matiz escolhido; a orientação clássica é deixar uma cor dominante e usar as outras como destaque.

A luminosidade do HSL também não é brilho perceptual: hsl(60, 100%, 50%), um amarelo, parece bem mais claro que hsl(240, 100%, 50%), um azul, mesmo com o número idêntico — então uma harmonia matematicamente correta às vezes fica desequilibrada aos olhos, e ajustar manualmente depois é normal (espaços de cor mais novos, como o OKLCH, existem justamente para corrigir essa distorção). No esquema monocromático, os extremos da luminosidade achatam a paleta em direção ao branco e ao preto, então as pontas perdem cor. E a roda não verifica contraste nem acessibilidade: um par complementar pode ficar ilegível como texto sobre fundo, então confira o contraste separadamente antes de usar a combinação em qualquer lugar. Por fim, todos os valores são sRGB — o que você vê na tela depende da calibração do seu monitor.

Por que é grátis?

O círculo cromático roda inteiro no seu navegador: não existe conta para criar, marca d’água na paleta nem versão paga escondida atrás de um limite de uso. Escolha a cor, copie o hex ou o hsl() que precisar e use onde quiser — é assim que toda ferramenta do FreeToGenerate.com funciona.