Generatore di sfumature colore
Genera una gamma completa di tinte e ombre da un singolo colore — scegli il passo di scurimento/schiarimento e il numero di tonalità, poi copia qualsiasi valore all'istante.
Scegli un colore base, una percentuale di passo e un conteggio — ogni tinta e ombra viene calcolata immediatamente nel tuo browser.
Informazioni su Generatore di sfumature colore
Il Generatore di Sfumature di Colore espande un singolo colore in una gamma completa di tinte e sfumature. Fornisci un colore base e produce tinte progressivamente più chiare da un lato e sfumature progressivamente più scure dall'altro: la classica rampa in stile 50-900 usata nei moderni design system.
Due controlli plasmano il risultato: la percentuale di passo stabilisce quanto ogni sfumatura si schiarisce o scurisce (1–25% per passo), e il conteggio stabilisce quante tinte e sfumature compaiono su ciascun lato della base, fino a dieci. Una striscia di gradiente offre un'anteprima dell'intera rampa a colpo d'occhio.
La generazione avviene istantaneamente nel tuo browser mentre digiti: nulla viene inviato a un server. Copia un singolo valore, l'elenco completo, oppure l'intera rampa come variabili CSS, pronta da inserire in un file di token di design o in una scala colori in stile Tailwind.
Come usare Generatore di sfumature colore
- Scegli un colore base con il selettore o digita un valore; clicca su "Colore casuale" per ispirarti.
- Imposta la percentuale di passo per controllare quanto ogni sfumatura si schiarisce o scurisce.
- Scegli il conteggio delle sfumature per decidere quante tinte e sfumature compaiono su ciascun lato.
- Clicca su un campione per copiarlo, oppure usa "Copia tutto" e "Copia variabili CSS" per l'intera rampa.