Generatore di palette colori
Parti da un colore che ami o lasciati sorprendere dal caso, poi tieni le tonalità che funzionano.
Sigillato su questo dispositivo
Funziona nel tuo browser. Non viene caricato nulla.
Sigillato
La tua palette
Impostazioni
Costruisce la palette attorno al colore di base. I colori bloccati vengono mantenuti.
Esporta
Come funziona
-
Scegli una base o vai a caso
Inserisci un colore di base e scegli un’armonia, oppure premi «Nuova palette» (o la barra spaziatrice) per ottenerne una nuova.
-
Blocca ciò che ti piace
Blocca i colori che vuoi tenere, poi genera di nuovo: cambiano solo quelli sbloccati. Fai clic su un campione per regolarlo a mano.
-
Esporta la tua palette
Copiala come variabili CSS o JSON per il tuo codice, oppure scarica un PNG da condividere con il tuo team.
Domande frequenti
Cosa significano le armonie?
Derivano dalla ruota dei colori. I colori analoghi sono vicini tra loro e trasmettono calma. I colori complementari sono opposti e creano contrasto. Complementare divisa, triadica e quadrata distribuiscono i colori in modo uniforme sulla ruota per palette più vivaci. Monocromatica usa versioni più chiare e più scure di un’unica tonalità.
Come funziona il blocco?
Seleziona il lucchetto sotto un colore per tenerlo. Quando generi una nuova palette, i colori bloccati restano esattamente al loro posto e i nuovi colori vengono scelti per abbinarsi a loro.
Perché i colori sembrano così equilibrati?
Le palette sono costruite in OKLCH, uno spazio colore pensato intorno alla visione umana. Ruotare la tonalità in questo spazio mantiene coerenti luminosità e intensità, così nessun colore sembra inaspettatamente acceso o spento accanto agli altri.
Come uso la palette nel mio progetto?
Copia l’esportazione CSS e incollala nel tuo foglio di stile: ottieni variabili come --color-1 che puoi usare ovunque. L’esportazione JSON elenca ogni colore in HEX, RGB e OKLCH per design token o script.
Posso usare le palette per scopi commerciali?
Sì. I colori non appartengono a nessuno, e le palette che crei qui sono tue: puoi usarle liberamente in progetti personali o commerciali.