Qual harmonia é mais segura pra uma paleta de gráfico?

Triádica ou split-complementar — três ou mais tons bem espaçados que ficam distinguíveis pra maioria dos espectadores. Evite o complementar puro (só duas cores) pra algo além de um par de acento.

Por que monocromática dá cinco cores?

Monocromática é uma escala de luminosidade, não uma rotação de tom. Cinco passos (−30%, −15%, base, +15%, +30%) é o compromisso comum — variação suficiente sem perder a cor base.

Gerador de Harmonia de Cores

Cor

Gira os tons ao redor da roda de cores HSL pra produzir as sete paletas que pintores e designers UI alcançam. Solte um hex, obtenha tons coincidentes — útil quando você tem uma cor de marca e precisa de uma paleta de gráfico, um acento pra um CTA, ou uma faixa análoga calma pra fundos. A matemática fica em HSL então cada harmonia preserva a mesma saturação e luminosidade que sua base, exceto monocromático que deliberadamente muda a luminosidade pra cima e pra baixo.

—

Cor base

Harmonia

Tom: 217°Sat: 91%Lum: 60%

Amostras

#3B82F6

#F6AF3B

A rotação de tom é feita em HSL, que é rápida mas perceptualmente desigual. Pra paletas perceptuais experimente o seletor OKLCH.

Como usar

Cole seu hex de marca ou âncora no campo base (ou use o seletor de cores).
Escolha a harmonia que se ajusta ao caso de uso — análoga pra fundos calmos, triádica pra contraste vívido.
Copie códigos hex individuais ou a lista inteira separada por vírgulas.

Perguntas frequentes

Qual harmonia é mais segura pra uma paleta de gráfico?: Triádica ou split-complementar — três ou mais tons bem espaçados que ficam distinguíveis pra maioria dos espectadores. Evite o complementar puro (só duas cores) pra algo além de um par de acento.
Por que monocromática dá cinco cores?: Monocromática é uma escala de luminosidade, não uma rotação de tom. Cinco passos (−30%, −15%, base, +15%, +30%) é o compromisso comum — variação suficiente sem perder a cor base.