Genera all'istante una palette di cinque colori: premi la barra spaziatrice per mescolare, blocca i colori che ami, cambia modalità di armonia ed esporta o condividi la palette.

Space per generare una nuova palette
Esporta la tua palette

								
							

Premi la barra spaziatrice per mescolare, blocca i campioni che vuoi mantenere e gli altri si rigenerano intorno a essi. Tutto funziona nel tuo browser: nessuna registrazione, completamente gratuito.


Informazioni su Generatore di palette di colori

Il Generatore di palette di colori crea uno schema di cinque colori con un solo tasto. Premi la barra spaziatrice, o il pulsante Genera, e appare una palette nuova; blocca i campioni che vuoi mantenere e premi di nuovo: vengono sostituiti solo i colori sbloccati, così puoi affinare uno schema un colore alla volta invece di ricominciare da capo.

Cinque modalità di generazione plasmano il risultato. Casuale esplora l'intero spazio dei colori, mentre Analoghi, Complementari, Triadici e Monocromatici costruiscono la palette a partire da relazioni HSL attorno a una tonalità di base, assegnando a ogni posizione la propria finestra di saturazione e luminosità, così l'output appare come uno schema progettato anziché cinque colori scollegati.

Ogni campione ha un selettore di colore per la messa a punto e un valore HEX da copiare con un clic. La palette è codificata nell'URL della pagina, quindi il pulsante di condivisione copia un link che riapre esattamente gli stessi colori, e il pannello di esportazione produce variabili CSS, SCSS, una config Tailwind, JSON, un foglio di campioni SVG o un semplice elenco HEX. Tutto funziona nel tuo browser: nulla viene caricato e nulla viene addebitato.

Come usare Generatore di palette di colori

  1. Premi la barra spaziatrice o clicca "Genera palette" per creare uno schema di cinque colori.
  2. Clicca sull'icona del lucchetto su qualsiasi campione che vuoi mantenere, poi genera di nuovo per sostituire solo gli altri.
  3. Scegli una modalità di generazione (Casuale, Analoghi, Complementari, Triadici o Monocromatici, per guidare l'armonia.
  4. Metti a punto qualsiasi colore con il suo selettore e clicca su un valore HEX per copiarlo.
  5. Usa "Copia link di condivisione" per salvare la palette in un URL, oppure apri Esporta per CSS, SCSS, Tailwind, JSON o SVG.

Domande frequenti

Premi la barra spaziatrice in qualsiasi punto della pagina, oppure clicca il pulsante "Genera palette". Ogni pressione sostituisce tutti i campioni sbloccati, così puoi continuare a premere finché non appare uno schema che ti piace.

Clicca sull'icona del lucchetto sul campione che vuoi mantenere. I colori bloccati sopravvivono a ogni generazione e, nelle modalità di armonia, il primo colore bloccato diventa la tonalità di base attorno a cui viene costruito il resto della palette.

Casuale sceglie liberamente in tutto lo spazio dei colori. Analoghi mantiene le tonalità vicine tra loro per uno schema tranquillo, Complementari abbina una tonalità al suo opposto per il contrasto, Triadici distanzia in modo uniforme tre tonalità sulla ruota, e Monocromatici varia solo luminosità e saturazione di una singola tonalità.

Sì. La palette vive nell'URL della pagina, quindi "Copia link di condivisione" ti dà un indirizzo che riapre esattamente gli stessi colori e stati di blocco: aggiungilo ai preferiti o invialo a un collega. Puoi anche esportare la palette come file.

Proprietà personalizzate CSS, variabili SCSS, una config di colori Tailwind, JSON, un foglio di campioni SVG o un semplice elenco HEX. Ciascuno può essere copiato negli appunti o scaricato come file, e puoi impostare il prefisso del nome delle variabili.

Sì, completamente gratuito: nessun account, nessun credito e nessun limite. L'intero generatore funziona nel tuo browser, quindi nessun dato lascia mai il tuo dispositivo.


Ricerche popolari
generatore di palette di colori generatore di palette di colori casuali generatore di schemi di colori generare palette di colori online generatore di combinazioni di colori generatore di palette gratuito
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web: copia e incolla il codice qui sotto.