Guia completo do círculo cromático, roda de cores e harmonias
Aprenda a criar combinações perfeitas com cores complementares, análogas e entenda a diferença entre o modelo de Itten e o RGB.
1. O que é o círculo cromático e para que serve?
O círculo cromático (frequentemente chamado de roda de cores) é a representação circular ordenada de todas as cores perceptíveis pelo olho humano. Ele é essencial não apenas para artes visuais e pintura, mas tornou-se indispensável no Brasil para estilistas, consultoria de imagem pessoal (colorimetria) e design gráfico.
Com este círculo cromático online, você seleciona qualquer tom de partida e obtém instantaneamente paletas matematicamente equilibradas para suas criações.
2. Círculo cromático cores: Itten RYB vs. Tela RGB
| Cor Base | Oposta no Círculo de Itten (RYB) | Oposta na Tela Digital (RGB) | Classificação |
|---|---|---|---|
| Vermelho (#E60026) | Verde (#00AA44) | Ciano (#00FFFF) | Primária |
| Amarelo (#FFE600) | Violeta / Roxo (#7A0099) | Azul (#0000FF) | Primária |
| Azul (#002185) | Laranja (#FF6600) | Amarelo (#FFFF00) | Primária |
3. Roda de cores complementares
A roda de cores complementares mapeia pares que estão em lados opostos do círculo. O contraste simultâneo entre essas cores ativa a retina e proporciona máximo impacto, muito utilizado para marcas modernas e interfaces atraentes.
Quer testar como as cores escolhidas no círculo se misturam como tinta real? Abrir o Simulador de Mistura de Cores →
4. Passo a passo: como montar paletas no círculo cromático
Crie combinações harmônicas e acessíveis em quatro passos rápidos:
- 1
Alterne entre Itten RYB e RGB Digital
Escolha em 1 clique o círculo artístico de Johannes Itten (Vermelho oposto ao Verde) ou o modelo digital de tela.
- 2
Selecione a regra de harmonia
Combine cores Complementares, Análogas, Triádicas, Tetrádicas, Meio-Complementares ou Monocromáticas.
- 3
Gire o marcador ou insira o HEX
Arraste o ponto no círculo interativo ou ajuste matiz, saturação, luminosidade e código HEX base.
- 4
Valide contraste WCAG e exporte
Teste a leitura na matriz WCAG 2.1, simule daltonismo e baixe em SVG, variáveis CSS ou Tailwind.
5. Quem usa o círculo cromático online PigmentLab?
Perfeito para moda, design digital, pintura e consultoria de estilo:
Consultores de imagem e estilistas
Descubra combinações harmônicas precisas no círculo de Itten para looks, maquiagem e cartelas.
Designers digitais e desenvolvedores
Gere escalas de 9 tons (50–900) e exporte variáveis CSS :root ou tokens Tailwind prontos.
Equipes focadas em WCAG e inclusão
Simule Protanopia, Deuteranopia, Tritanopia e Acromatopsia antes de publicar qualquer paleta.
Pintores, professores e estudantes
Compare visualmente as cores complementares tradicionais RYB com o espectro luminoso RGB.
6. Vantagens do círculo cromático PigmentLab
- ✓Alternância instantânea entre o círculo artístico de Itten (RYB) e RGB digital.
- ✓6 modos de harmonia + escala automática de 9 tons claros e escuros.
- ✓Matriz de contraste WCAG 2.1 e simulação de 4 tipos de daltonismo.
- ✓Exportação direta para Tailwind CSS, variáveis CSS e arquivo SVG.
- ✓Uso gratuito e imediato no navegador, sem cadastro ou assinatura.
Fontes Acadêmicas e Especificações
- Getty Research Institute: Teoria das Cores na Bauhaus ↗
Acervo histórico sobre a pedagogia de Johannes Itten, seu círculo cromático de 12 cores e contrastes.
getty.edu - Referência a Johannes Itten e A Arte da Cor ↗
12-part Farbkreis (RYB) & Kunst der Farbe (1961).
en.wikipedia.org - W3C CSS Color Module Level 4 ↗
Especificação oficial que define o espaço perceptual OKLCH e a função nativa CSS color-mix().
w3.org - W3C Web Content Accessibility Guidelines (WCAG) 2.1 ↗
Diretrizes oficiais de taxa de contraste (AA 4,5:1 e AAA 7:1) para acessibilidade em interfaces.
w3.org
Perguntas Frequentes
O que é o círculo cromático e como usar na combinação de cores?▼
O círculo cromático é uma ferramenta geométrica que organiza as cores do espectro visível em 360 graus. Ele é amplamente utilizado por designers, maquiadores, consultores de moda e artistas para encontrar harmonias como cores complementares, análogas e triádicas.
Qual a diferença entre a roda de cores de Itten (RYB) e o padrão digital RGB?▼
No círculo cromático de Johannes Itten (Bauhaus RYB), as cores primárias são Vermelho, Amarelo e Azul, posicionando o Vermelho oposto ao Verde. Nas telas digitais RGB, o Vermelho fica oposto ao Ciano. O modelo de Itten reflete a mistura física de tintas e tecidos.
Círculo cromático: quais cores combinam entre si? (Harmonias de cores)▼
Para saber quais cores combinam no círculo cromático, aplicam-se regras geométricas consagradas: 1. Cores Complementares (opostas a 180°, como Azul e Laranja) para contraste marcante e botões de destaque. 2. Cores Análogas (lado a lado no círculo, como Verde, Azul-Verde e Azul) para combinações elegantes e harmônicas. 3. Tríades (formam um triângulo de 120°, como Amarelo, Vermelho e Azul) para paletas ricas e dinâmicas. 4. Monocromáticas (tons claros e escuros de uma mesma cor base).
Como este círculo cromático online se compara à roda de cores Adobe?▼
A PigmentLab oferece um botão direto para alternar entre o círculo cromático de Itten (RYB) e o digital RGB, cálculo imediato de contraste WCAG 2.1 (AA e AAA) e não exige cadastro nem assinatura Adobe Creative Cloud.