Gerador de Paleta de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base.
① Escolha uma cor base ② Selecione um modo ③ Clique em Gerar
Presets:
Modo
Análogo
—
Cor base
#3A7BD5
HSL(215, 65%, 53%)
vs Branco
4.2:1 AA Large
vs #FFFFFF
Como criar paletas de cores harmoniosas
Uma paleta de cores é um conjunto curado baseado em princípios da teoria das cores. O gerador usa o espaço HSL para relações matematicamente precisas.
Cores análogas ficam adjacentes na roda (30° de separação). Complementares ficam opostas (180°), produzindo máximo contraste.
O complementar dividido é uma alternativa mais suave. Esquemas tetrádicos usam quatro cores em retângulo. Monocromáticos exploram um único matiz em luminosidades diferentes.
Perguntas Frequentes
Cria automaticamente grupos de cores harmoniosas com base na teoria das cores usando o modelo HSL.
Converte HEX para HSL e desloca o matiz em ângulos fixos: ±30° análogo, 180° complementar, 120°/240° triádico.
Análogas usam cores vizinhas (30°–60°). Complementares usam opostas (180°), criando alto contraste.
As WCAG definem 4,5:1 para texto normal e 3:1 para texto grande (Nível AA).
São geradas matematicamente em HSL. A percepção varia conforme a calibração do monitor.
Clique "Exportar CSS" e cole as variáveis no bloco :root.
Análogo: 5. Complementar: 4. Triádico: 3+. Tetrádico: 4. Monocromático: 6.