Gerador de Paleta de Cores Online

Gere paletas de cores harmônicas a partir de uma cor base: complementar, análogas, tríade, tetrádica e monocromática. Copie os códigos HEX.

Gerador de paleta de cores

Escolha uma cor base e gere automaticamente paletas harmônicas baseadas no círculo cromático: complementar, análogas, tríade, tetrádica e monocromática. Clique em qualquer cor para usá-la como nova base, ou copie os códigos HEX individualmente (ou todos de uma vez).

Cor base
Complementar
A cor base e seu oposto no círculo cromático (180°).
#3b82f6
#f6af3c
Análogas
Cores vizinhas no círculo cromático (±30°).
#3ce0f6
#3b82f6
#523cf6
Tríade
Três cores igualmente espaçadas (120°).
#3b82f6
#f63c83
#83f63c
Tetrádica
Quatro cores formando um quadrado no círculo (90°).
#3b82f6
#f63ce0
#f6af3c
#3cf652
Monocromática
Mesma matiz com diferentes luminosidades.
#052861
#0846aa
#0b64f4
#5593f7
#9ec1fa

Tipos de harmonia de cores

As harmonias são criadas girando a matiz (hue) da cor base no círculo cromático de 360°.

Complementar

Duas cores opostas no círculo (180° de distância). Geram o maior contraste e chamam atenção — ótimas para destaques e botões de ação.

Análogas

Cores vizinhas (±30°). Transmitem harmonia e tranquilidade, sendo ideais para fundos e composições suaves.

Tríade

Três cores igualmente espaçadas (120°). Equilibram contraste e harmonia, muito usadas em ilustrações e identidades visuais vibrantes.

Tetrádica (quadrado)

Quatro cores formando um quadrado no círculo (90° entre cada uma). Oferecem grande variedade; funcionam melhor quando uma cor domina e as outras são acentos.

Monocromática

A mesma matiz com diferentes luminosidades. Cria visuais elegantes e coesos, perfeitos para interfaces minimalistas e temas.

Como usar paletas no seu projeto

  • Escolha uma cor dominante e use as demais como acentos (regra 60-30-10).
  • Para textos e fundos, prefira tons monocromáticos para garantir legibilidade.
  • Verifique sempre o contraste entre texto e fundo para acessibilidade.

Perguntas frequentes

Como funciona a geração de harmonias?

Convertemos a cor base para HSL e giramos o ângulo de matiz (hue) conforme cada esquema. Saturação e luminosidade são mantidas (exceto na monocromática, que varia a luminosidade).

Posso copiar todas as cores de uma paleta?

Sim. Cada paleta tem um botão Copiar todas que copia os códigos HEX separados por vírgula, prontos para colar no seu código ou ferramenta de design.

Como escolho uma boa cor base?

Use a cor principal da sua marca ou projeto. Cores com saturação média costumam gerar paletas mais versáteis do que cores muito puras ou muito acinzentadas.

Veja também