
Escolha uma cor de base e gere 9 paletas harmoniosas. Monocromática, complementar, triádica, pastel, escura e mais – todos os cálculos são executados localmente no seu navegador.
Paleta monocromática
Todas as cores partilham a mesma tonalidade (H) e variam principalmente em luminosidade (L) no espaço de cor HSL.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Paleta triádica
Três tonalidades separadas por 120° no círculo cromático (vértices de um triângulo equilátero), uma geometria frequentemente utilizada em branding e designs inspirados na Bauhaus.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Paleta complementar dividida
Uma variante da paleta complementar: em vez de um complemento (180°), utilizam-se duas cores deslocadas de aproximadamente ±30° do complemento, reduzindo a tensão visual mas mantendo um forte contraste.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Paleta pastel
A mesma tonalidade com saturação reduzida e luminosidade aumentada, um deslocamento para o centro e o topo do espaço HSL que produz cores suaves e "cremosas".
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Paleta escura
A mesma tonalidade com saturação elevada (S) e luminosidade reduzida (L) um deslocamento para baixo no eixo de luminosidade, produzindo cores profundas típicas do modo escuro e acentos intensos.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Paleta tonal (inspirada em Material Design)
Vários níveis de luminosidade de uma mesma tonalidade L variada e S moderada, semelhante às gamas tonais das diretrizes Material Design (ex.: 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Paleta minimalista (inspirada em Apple)
Um acento de cor vivo e vários neutros muito claros e suaves, uma composição típica de interfaces com muito espaço branco e sombras subtis.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Paleta análoga
Cores de tonalidades próximas, de aproximadamente -30° a +30° em torno da cor base no círculo cromático clássico (ex.: Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Paleta complementar
A cor base e o seu complemento deslocado 180° no círculo cromático, um dos contrastes fundamentais descritos por Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
O gerador de paletas cria 9 paletas diferentes a partir de uma única cor de base, apoiando-se na teoria das cores. Cada paleta tem uma composição diferente – das variações monocromáticas às cores complementares contrastantes.
Todos os cálculos baseiam-se no espaço cromático HSL (Tonalidade, Saturação, Luminosidade). A tonalidade determina a cor de base, a saturação a intensidade e a luminosidade o caráter claro ou escuro. Este modelo corresponde à perceção humana das cores e presta-se perfeitamente à geração de paletas.
A geração demora apenas alguns segundos:
Cada paleta tem um caráter diferente:
Exemplo: HSL(210, 80%, 50%)
H = 210° (tonalidade azul)
S = 80% (intensa)
L = 50% (luminosidade média)
Mesma tonalidade, luminosidade diferente
L: 90% → 70% → 50% → 30% → 10%
Todas as paletas desta ferramenta baseiam-se no espaço cromático HSL (Tonalidade, Saturação, Luminosidade). Contrariamente ao HEX ou RGB, o HSL descreve as cores tal como as percecionamos:
Ao modificar seletivamente estes valores, obtêm-se paletas harmoniosas. As paletas monocromáticas variam apenas L, as análogas apenas H e as complementares invertem H em 180°.