O Guia Definitivo de Teoria das Cores para Designers

A cor é a ferramenta visual mais poderosa no arsenal de um designer. Estudos mostram que as pessoas formam um julgamento subconsciente sobre um produto em 90 segundos, e até 90% dessa avaliação é baseada apenas na cor.

O Círculo Cromático

O círculo cromático moderno, baseado no modelo RGB, organiza os matizes em um círculo. Cores primárias se combinam para criar secundárias, e a mistura produz terciárias.

Use nosso Seletor de Cores para explorar o círculo cromático.

Harmonias Cromáticas

Complementares — cores opostas (ex. azul e laranja). Alto contraste. Análogas — cores adjacentes. Harmoniosas e relaxantes. Triádicas — três cores equidistantes. Equilibradas e vibrantes.

Gere paletas com nosso Gerador de Paletas.

Psicologia das Cores

• Vermelho — urgência, paixão, energia.
• Azul — confiança, estabilidade, profissionalismo.
• Verde — natureza, saúde, crescimento.
• Laranja — entusiasmo, ação. Forte para botões CTA.

Contraste e Acessibilidade

As WCAG exigem razão de contraste mínima de 4,5:1 para texto normal. Use nosso Conversor de Cores. Cerca de 8% dos homens tem alguma forma de daltonismo.

Construir uma Paleta

1. Comece com uma cor representativa da sua marca. 2. Escolha uma harmonia. 3. Adicione neutros. 4. Defina cores semânticas. 5. Teste em elementos UI reais.

Nosso Gerador de Gradientes cria transições suaves.

FAQ

Quantas cores uma paleta deve ter? 3-5 cores mais neutros.

O que é a regra 60-30-10? Cor dominante a 60%, secundária a 30%, acento a 10%.

Como escolho cores de uma foto? Use nosso Seletor de Cores para extrair cores de qualquer imagem.