Generatore di Sfumature
Genera una scala di sfumature da un colore base.
Una scala di luminosità 50–950 pronta per design system e temi UI.
Tutte le conversioni di colore vengono eseguite localmente nel browser — niente viene caricato, salvato o registrato.
Come funziona
- 1 Scegli un colore di base.
- 2 Leggi la scala di tonalità da 50 a 950.
- 3 Copia l'HEX che ti serve.
- 4 Esporta tutte le tonalità come variabili CSS.
Casi d'uso comuni
- Creare una scala cromatica per un design system.
- Scegliere gli stati hover/attivo a partire da un singolo colore.
- Dare uno stile coerente a superfici chiare e scure.
- Generare passaggi di colore in stile Tailwind.
Domande frequenti
I miei dati sui colori vengono inviati da qualche parte?
No. Ogni conversione e calcolo viene eseguito interamente nel tuo browser — nulla viene caricato, memorizzato o registrato.
Cosa significano i numeri?
Sono passaggi di luminosità (50 = il più chiaro, 950 = il più scuro) che seguono la convenzione usata da molti design system, così la scala si inserisce direttamente nei temi dell'interfaccia.
Come viene calcolata ogni tonalità?
La tinta e la saturazione del colore di base vengono mantenute mentre la luminosità viene impostata su ciascun passaggio, così tutta la scala condivide una tinta coerente.
È davvero gratis?
Sì — gratis, senza registrazione, senza filigrana e senza limiti.