Indovinare quali colori stanno bene insieme fa perdere tempo di progettazione. Questo generatore applica le armonie classiche del cerchio cromatico, le stesse relazioni di tonalità insegnate nella teoria del colore, così ogni palette risulta coordinata matematicamente e non a occhio. Clicca su un campione per copiarne il codice hex, oppure copia l'intera palette come variabili CSS pronte da incollare. È interamente client-side: nessun account, nessun caricamento, nessun tracciamento dei colori del tuo brand.
Generatore di Palette di Colori Gratis
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
Armonia
Variabili CSS
Cos'è un generatore di palette di colori?
Un generatore di palette di colori crea uno schema cromatico abbinato a partire da un colore base, usando la teoria del cerchio cromatico. Scegli o digiti un colore hex, selezioni un'armonia come complementare, analoga, triadica o monocromatica, e calcola all'istante i colori coordinati, ciascuno con un codice hex pronto da copiare. Funziona tutto nel browser.
Come si usa
- 1Imposta il colore base. Clicca sul selettore colore per scegliere visivamente, digita un codice hex come #6366f1, oppure premi Casuale per ripartire da un altro punto.
- 2Scegli un'armonia. Passa tra complementare, complementare divisa, analoga, triadica, tetradica, monocromatica, ombre e tinte. La palette si ricalcola all'istante.
- 3Copia i colori. Clicca su un campione per copiarne il codice hex, oppure usa il pulsante Copia per prendere l'intera palette come variabili CSS.
A chi serve
- Web designer che partono da un solo colore di brand per un sito: generano abbinamenti analoghi o complementari divisi per sfondi, pulsanti e dettagli.
- Sviluppatori front-end che cercano un punto di partenza per i design token: copiano la palette come variabili CSS e la incollano direttamente in un foglio di stile.
- Marketer e creatori di presentazioni che abbinano grafici, immagini social o slide al colore di un logo senza uno strumento di design.
- Illustratori e appassionati che esplorano ombre e tinte di una stessa tonalità per dare profondità, luci e ombre a un'opera.
Domande frequenti
Questo generatore di palette di colori è gratis?
Sì, gratis al 100%, senza registrazione, senza filigrane e senza limiti. Genera e copia tutte le palette che vuoi, per progetti personali o commerciali.
I miei colori vengono caricati da qualche parte?
No. La palette viene calcolata interamente nel tuo browser con semplice JavaScript. I colori del tuo brand, gli input e i clic non vengono mai inviati a un server.
Cos'è un colore complementare?
Il colore complementare si trova esattamente dalla parte opposta della tua base sul cerchio cromatico, una rotazione di 180 gradi. Coppie complementari come blu e arancione danno il contrasto più forte, per questo sono molto usate nei pulsanti di call-to-action su uno sfondo di brand.
Qual è la differenza tra palette analoghe e triadiche?
Le palette analoghe usano tonalità vicine, entro circa 30 gradi dalla base, e per questo risultano calme e coese. Le triadiche prendono tre tonalità distanziate di 120 gradi, offrendo uno schema vivace ed equilibrato con più contrasto tra i colori.
Cosa sono ombre e tinte?
Le ombre scuriscono il colore base spostandone la luminosità verso il nero; le tinte lo schiariscono verso il bianco. Entrambe mantengono la stessa tonalità e saturazione, quindi sono ideali per stati hover, bordi e livelli di sfondo di uno stesso colore di brand.
Quanti colori dovrebbe avere la palette di un sito web?
Una regola comune è il 60-30-10: un colore dominante per circa il 60% dell'interfaccia, uno secondario per il 30%, e un accento per il 10%. Parti da un'armonia di 3-5 colori qui, poi aggiungi ombre e tinte di ciascuno per stati e superfici.
Perché la palette cambia appena con grigio o nero?
Grigio, nero e bianco hanno saturazione zero, quindi non c'è tonalità su cui le rotazioni di armonia possano agire: ruotare il nulla restituisce lo stesso neutro. Costruisci invece una scala di neutri con le modalità di luminosità: tinte per nero o grigi scuri, ombre per bianco o grigi chiari, e monocromatico per grigi medi.