
Scegli un colore base e genera 9 palette armoniose. Monocromatica, complementare, triadica, pastello, scura e altre - tutti i calcoli vengono eseguiti localmente nel tuo browser.
Palette monocromatica
Tutti i colori hanno la stessa tonalità (H) e variano principalmente in luminosità (L) nello spazio colore HSL.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Palette triadica
Tre tonalità separate da 120 sulla ruota dei colori (vertici di un triangolo equilatero) una geometria spesso utilizzata nel branding e nei design ispirati al Bauhaus.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Palette complementare divisa
Una variante della palette complementare: invece di un complemento (180), si usano due colori spostati di circa ±30 dal complemento, riducendo la tensione visiva ma mantenendo un forte contrasto.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Palette pastello
La stessa tonalità con saturazione ridotta e luminosità aumentata uno spostamento verso il centro e la parte alta dello spazio HSL che produce colori morbidi e “cremosi”.
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Palette scura
La stessa tonalità con alta saturazione (S) e luminosità ridotta (L) uno spostamento verso il basso dell’asse di luminosità, che produce colori profondi tipici della dark mode e degli accenti forti.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Palette tonale (ispirata a Material Design)
Diversi livelli di luminosità di una stessa tonalità L variata e S moderata, simile alle gamme tonali delle linee guida Material Design (es. 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Palette minimalista (ispirata ad Apple)
Un accento di colore vivace e diversi neutri molto chiari e delicati, una composizione tipica di interfacce con molto spazio bianco e ombre sottili.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Palette analoga
Colori con tonalità simili, da circa -30 a +30 intorno al colore base sulla ruota dei colori classica (es. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Palette complementare
Il colore base e il suo complemento spostato di 180 sulla ruota dei colori uno dei contrasti fondamentali descritti da Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
Il generatore di palette crea 9 palette diverse da un singolo colore base, basandosi sulla teoria dei colori. Ogni palette ha una composizione diversa - dalle variazioni monocromatiche ai colori complementari contrastanti.
Tutti i calcoli si basano sullo spazio colore HSL (tonalità, Saturazione, luminosità). La tonalità determina il colore base, la saturazione l'intensita e la luminosità il carattere chiaro o scuro. Questo modello corrisponde alla percezione umana dei colori e si presta perfettamente alla generazione di palette.
La generazione richiede solo pochi secondi:
Ogni palette ha un carattere diverso:
Esempio: HSL(210, 80%, 50%)
H = 210 gradi (tonalità blu)
S = 80% (intenso)
L = 50% (luminosità media)
Stessa tonalità, luminosità diversa
L: 90% → 70% → 50% → 30% → 10%
Tutte le palette di questo strumento si basano sullo spazio colore HSL (tonalità, Saturazione, luminosità). A differenza di HEX o RGB, HSL descrive i colori come li percepiamo:
Modificando selettivamente questi valori si ottengono palette armoniose. Le palette monocromatiche variano solo L, le analoghe solo H, e le complementari invertono H di 180 gradi.