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
Paleta de cores de uma imagem (local)
Extrai paleta dominante de uma imagem local (k-means simples) — processamento 100% no browser.
Paleta Tetrádica
Gere uma paleta tetrádica (quatro cores em retângulo na roda de cores) a partir de uma cor base. Esquema rico e equilibrado para design, sites e branding.
Gerador de Esquemas de Cores
Gere paletas harmônicas a partir de uma cor base: complementares, análogas, triádicas, tetrádicas e split-complementares. Copie os códigos HEX com um clique.