Ir para o conteúdo
AZ Tools

Gerador de Paleta de Cores

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.

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

  1. Cole seu hex de marca ou âncora no campo base (ou use o seletor de cores).
  2. Escolha a harmonia que se ajusta ao caso de uso — análoga pra fundos calmos, triádica pra contraste vívido.
  3. 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.
Os matizes estão certos, mas juntos ficam sem graça. E agora?
Uma harmonia gira o matiz e mantém saturação e luminosidade, então todas as amostras têm o mesmo peso e nada conduz o olhar. Uma paleta costuma precisar de contraste de luminosidade além da diferença de matiz: escureça uma, clareie outra e deixe a cor base como destaque. É isso também que transforma uma harmonia em algo utilizável para texto e fundo, e não apenas para formas.
Essas cores passam numa verificação de contraste de acessibilidade?
Não por construção. Relações de matiz nada dizem sobre contraste, que compara luminância relativa, então duas cores harmônicas podem ter brilho quase idêntico e reprovar uma contra a outra como texto e fundo. Use a harmonia como ponto de partida e teste com uma ferramenta de contraste qualquer par que você pretenda sobrepor.

Guias sobre este tema

Ferramentas relacionadas