Generatore Palette Colori

Genera palette di colori armoniose da qualsiasi colore base. Scegli una modalità di armonia ed esporta la tua palette.

6 modalità di armoniaEsporta CSS / HEX / RGBVerifica contrasto WCAG

① Scegli un colore base ② Seleziona una modalità ③ Clicca Genera

Presets:
Modalità
Analogica
Colore base
#3A7BD5
HSL(215, 65%, 53%)
vs Bianco
4.2:1 AA Large
vs #FFFFFF

Come creare palette di colori armoniose

Una palette di colori è un insieme curato di colori che funzionano bene insieme, basati sui principi della teoria del colore. Il generatore usa lo spazio colore HSL per calcolare relazioni precise tra le tonalità.

I colori analoghi si trovano adiacenti sulla ruota dei colori (distanti 30°), creando design calmi e coesi. I complementari si trovano opposti (180°), producendo massimo contrasto e tensione visiva.

Lo split complementare è un'alternativa più morbida: invece dell'esatta tonalità opposta, si prendono le due tonalità che la fiancheggiano (±30°). Il tetradico usa quattro colori che formano un rettangolo sulla ruota.

Domande Frequenti

Crea automaticamente gruppi di colori armoniosi basandosi sulle regole della teoria del colore usando il modello HSL.
Converte il colore HEX in HSL e sposta la tonalità di angoli fissi: ±30° per analogico, 180° per complementare, 120°/240° per triadico.
Le palette analogiche usano colori vicini (entro 30°–60°), creando aspetto armonioso. Le complementari usano colori opposti (180°), creando alto contrasto.
Le WCAG definiscono rapporti minimi: 4,5:1 per testo normale e 3:1 per testo grande (Livello AA).
I colori sono generati matematicamente da rotazioni precise in HSL. La percezione varia in base alla calibrazione del display.
Clicca "Esporta CSS" per copiare tutti i colori come custom properties CSS da usare nel blocco :root.
Analogica: 5. Complementare: 4. Triadica: 3 + variazioni. Tetradica: 4 tonalità. Monocromatica: 6 sfumature.

Esplora il Nostro Network