Come creare una palette di colori sfumati
Scegli il colore iniziale e quello finale, digitando il codice o con il selettore, e quante tonalità vuoi tra i due, da 3 a 12. I colori intermedi vengono calcolati in uno spazio colore che imita la vista umana (OKLab): così i passaggi tra le tonalità appaiono regolari e al centro non compaiono grigi spenti.
Palette sfumata o sfumatura continua
Questo strumento ti dà colori separati, ognuno con il suo codice, da usare uno per uno: in una scala di Tailwind, in grafici, in una presentazione o nelle sezioni di un sito. Se ti serve uno sfondo che passi dolcemente da un colore all’altro, usa il generatore di sfumature CSS.
Domande frequenti
Che cos’è una palette di colori sfumati?
È una serie di colori che passano poco a poco da un colore a un altro. Per esempio, dal rosa all’azzurro in 7 passaggi. Ogni colore ha il suo codice HEX e si può usare da solo.
Quanti colori può avere la palette?
Da 3 a 12. Con pochi colori i salti si notano di più; con molti, la transizione è più morbida e hai più tonalità tra cui scegliere.
In quali formati posso esportarla?
In variabili CSS con la sfumatura pronta all’uso, elenco di codici HEX, configurazione di Tailwind, JSON, SVG o immagine PNG. Puoi anche aprirla nel generatore di palette per continuare a modificarla.
Perché le tonalità intermedie non sembrano grigie?
Perché la miscela viene calcolata in OKLab, uno spazio colore pensato per la vista umana. Un mix diretto in RGB tra colori opposti, come rosa e verde, passa per toni spenti; in OKLab il passaggio è più pulito e regolare.
Posso condividere la mia palette?
Sì. L’indirizzo della pagina salva i due colori e il numero di tonalità, quindi puoi copiarlo e inviarlo.
Che differenza c’è con il generatore di sfumature?
Il generatore di sfumature crea uno sfondo continuo in CSS. Questo strumento ti dà i singoli colori che ci sono tra due colori, da usare uno per uno.
È gratis?
Sì, senza registrazione e senza limiti. Puoi salvare le tue sfumature preferite con il cuore; restano salvate in questo browser.