Color Theory

Cores Complementares

Duas cores posicionadas diretamente opostas no círculo cromático, criando o máximo de contraste quando combinadas.

Complementary color pairs include red and cyan, blue and orange, and green and magenta (in the RGB model). When placed side by side, complementary colors intensify each other through simultaneous contrast, making both appear more vibrant. When mixed together, they neutralize each other, producing gray or brown. Complementary color schemes are high-energy and attention-grabbing, commonly used in advertising and sports branding. However, using them in equal amounts can create visual tension, so designers typically use one as the dominant color and the other as an accent.

Experimente

Gerador de paletas

Gere paletas de cores harmoniosas usando esquemas complementares, análogos, triádicos e complementares divididos.

Artigos relacionados

CSS color-mix(): Misture Cores Nativamente no Navegador

Aprenda CSS color-mix() para misturar cores nativamente no navegador. Domine a sintaxe, espaços de cores, casos de uso práticos e crie paletas dinâmicas sem JavaScript.

Arquitetura de Cores Multi-Marca: Um Código, Vários Temas

Construa arquitetura de cores multi-marca com propriedades customizadas CSS e design tokens. Suporte a temas white-label a partir de um único código com integração ao Tailwind.

O Que É Harmonia de Cores? Regras para Paletas Agradáveis

Aprenda o que significa harmonia de cores — esquemas complementares, análogos, triádicos e tetrádicos. Entenda as regras por trás de combinações de cores visualmente agradáveis.

Tematização Dinâmica de Cores no React: Além das Variáveis CSS

Implemente tematização dinâmica de cores no React usando variáveis CSS, provedores de contexto e Tailwind CSS. Crie temas personalizáveis pelo usuário com geração de cores em tempo de execução.

Manipulação de Cores em JavaScript: Bibliotecas e Técnicas

Domine a manipulação de cores em JavaScript com chroma.js, culori e tinycolor2. Analise, transforme e gere cores programaticamente para aplicações web.

O Que É Matiz? A Propriedade Mais Fundamental da Cor

Aprenda o que matiz significa na teoria das cores — sua posição na roda de cores, ângulos de matiz em HSL/CSS, técnicas de rotação de matiz e a diferença entre matiz e cor.