O que é uma paleta de cores complementares?

Cores complementares ficam opostas uma à outra na roda de cores (180° de distância). Elas criam máximo contraste e vibração visual quando colocadas lado a lado — ótimas para chamadas à ação.

O que é uma paleta de cores análogas?

Cores análogas são adjacentes na roda de cores (30° de distância). Elas criam combinações harmoniosas e serenas — frequentemente vistas na natureza e usadas em design de interiores.

O que é um esquema de cores triádico?

Três cores igualmente espaçadas ao redor da roda de cores (120° de distância). Esquemas triádicos são vibrantes e oferecem forte contraste mantendo harmonia. Use uma cor dominante e dois acentos.

Como uso os valores HEX no CSS?

Copie qualquer código HEX e cole-o diretamente no CSS: background-color: #FF6B35; ou como uma classe Tailwind se você estiver usando configuração de cores personalizada.

generators Gratuito Sem cadastro

Gerador de QR Code

Gere paletas de cores harmoniosas — complementares, triádicas, análogas e split-complementares — a partir de qualquer cor base.

Carregando ferramenta…

Sobre esta ferramenta

Escolha uma cor base e gere instantaneamente paletas de 5 cores usando regras de teoria das cores: complementar, split-complementar, triádica, tetrádica e análoga. Cada paleta mostra valores HEX. Útil para design de UI, branding e design gráfico.

Como usar

1 Clique no seletor de cores ou digite um código HEX para definir sua cor base.
2 Clique em qualquer tipo de paleta (Complementar, Triádica, etc.) para gerar esse esquema.
3 Clique em qualquer amostra de cor para copiar seu código HEX.
4 Use o botão Exportar para copiar todas as cores como um array JSON ou variáveis CSS.

Perguntas frequentes

Ferramentas relacionadas

Conversor de cores (HEX, RGB, HSL)

Converta cores entre HEX, RGB, HSL, HSV e CMYK — com prévia em tempo real.

Compressor de imagens

Comprima imagens JPG, PNG e WebP no seu navegador — sem necessidade de upload.