Generatore di palette di colori
Parti dal colore del tuo marchio e genera una palette usando le armonie classiche della ruota dei colori o una gamma completa di sfumature, poi copia i codici HEX o le variabili CSS.
Non servono dati
Come si usa
- Inserisci o scegli un colore di base.
- Scegli un'armonia.
- Copia i singoli colori o le variabili CSS.
Come funziona
Le armonie ruotano la tinta sulla ruota dei colori HSL mantenendo saturazione e luminosità: la complementare è a +180°, le analoghe a ±20° e ±40°, le triadiche a +120° e +240°, le complementari divise a +150° e +210° e le tetradiche ogni 90°. Le sfumature mantengono tinta e saturazione e fanno variare la luminosità dal 95 % al 15 %.
Il testo su ogni campione passa dal nero al bianco in base al rapporto di contrasto WCAG.
Esempi
- Sfumature del marchio
- #0d6e63 → otto tinte e sfumature per sfondi, bordi e testo.
Usi comuni
- Identità di marca e progettazione di interfacce
- Presentazioni e grafici
- Design system per il web
Privacy e sicurezza
Questo strumento non richiede nessun dato personale e nessun file. I risultati vengono generati sul tuo dispositivo. Come ogni strumento tratta i file
Domande frequenti
Perché alcune armonie sembrano sbilanciate?
L'HSL non è percettivamente uniforme: a parità di luminosità i gialli sembrano più chiari dei blu. Regola i singoli colori a occhio.
Posso ricavare una palette da una foto?
Sì, usa l'estrattore di palette da immagine.
Ultimo aggiornamento: