1001Ferramentas
🎨Geradores

Paleta Análoga

Gere uma paleta de cores análogas a partir de uma cor base — três tons vizinhos na roda HSL que combinam naturalmente. Ideal para sites, design e branding.

3 cores

Paletas análogas: a harmonia silenciosa da natureza

Uma paleta análoga escolhe 3 a 5 matizes vizinhas na roda de cores, tipicamente a 30° de distância. Em HSL a fórmula é trivial: H, H+30, H+60. Ela transmite calma por motivo biológico — os gradientes que vemos em pôr-do-sol, florestas, oceano e amanhecer são todos análogos, e nosso sistema visual lê isso como natural, não como composto. Os impressionistas sabiam disso de modo instintivo: Monet, Renoir e Van Gogh construíram telas inteiras com matizes adjacentes.

Combinações análogas clássicas

  • Amarelo → Amarelo-esverdeado → Verde → Verde-azulado — gradiente de folhagem; perfeito para marcas de bem-estar e orgânicos.
  • Vermelho → Laranja → Amarelo — calor, pôr-do-sol, energia. Muito usado em food e hospitalidade.
  • Azul → Azul-violeta → Roxo → Rosa — clima frio de aurora / crepúsculo; tech e beleza pegam emprestado.

Quando análoga vence

Escolha análoga quando precisar de fundos com gradiente suave, ilustrações coesas, ou branding de baixa tensão — wellness, spa, beleza, sustentabilidade. Exemplos de marca: Spotify (verde dominante + acentos análogos verdes), Whole Foods (múltiplos verdes), redesign 2016 da MasterCard (vermelho-laranja-amarelo análogos nos círculos sobrepostos).

Acessibilidade e o trade-off da monotonia

Paletas análogas costumam passar na WCAG porque matizes adjacentes compartilham luminância parecida — criando contraste sutil, confortável de ler. O pulo do gato: essa mesma proximidade atrapalha a diferenciação categórica. Para data viz, análoga funciona em heatmaps sequenciais (frio → quente) mas falha em gráficos categóricos onde cada série precisa ser distinguível na hora. Sempre acrescente forma ou ícone quando categorias importam. Outro trade-off: saturação alta nas cinco matizes "queima" os olhos — mantenha luminância média e saturação moderada.

Split-análoga: adicionando um acento

Se a paleta ficou monotônica, empreste um truque da família split-complementary: mantenha o conjunto análogo e adicione um único acento complementar à matiz do meio. O acento aparece só como CTA ou alerta e quebra a monotonia sem destruir a harmonia. Ferramentas como Adobe Color (preset "Analogous") e Paletton.com (sliders) deixam ajustar a amplitude em tempo real.

FAQ

Posso usar 5 cores? Sim — varie saturação e luminosidade entre elas para que sejam degraus distintos, não um borrão.

Posso combinar análoga com um acento complementar? Sim — chama-se split-análoga ou análoga + acento. É como Spotify, Whole Foods e várias marcas de wellness ficam coesas e ainda assim com personalidade.

Serve para data viz? Só para dados sequenciais (heatmaps, coropletos). Para séries categóricas use uma paleta qualitativa tipo Set1 do ColorBrewer ou uma split tetrádica.

Por que parece tão natural? Porque praticamente todo gradiente da natureza (pôr-do-sol, floresta, profundidade do mar, céu) é análogo. Seu sistema visual evoluiu para ler esses gradientes como cenário, não como decisão de design.

Ferramentas Relacionadas