Generatore di sfumature e tinte di colore online
Genera le tinte e le sfumature di un colore per la tua tavolozza, nel tuo browser.
Tints (lighter)
#57ff37#74ff5b#92ff7e#b0ffa1#ceffc4#ebffe8Base
#39ff14Shades (darker)
#061a02#0e4005#176608#1f8c0b#28b30e#30d911Tints = mixed toward white, shades = mixed toward black.
🔒 100 % lato client — nessun dato inviato
Genera istantaneamente una tavolozza di tinte più chiare e sfumature più scure da un singolo colore. Perfetto per creare una scala coerente (da 50 a 900) per i tuoi sistemi di progettazione e le tue interfacce. Lo strumento funziona al 100% nel tuo browser, quindi nessun colore viene mai inviato online.
What is it for?
- ▸ Creare una scala di colori coerente per un sistema di progettazione
- ▸ Ottieni varianti al passaggio del mouse, attive e disabilitate di un pulsante
- ▸ Genera sfondi chiari accessibili e testo scuro da un colore del marchio
- ▸ Espandi un colore Tailwind o una variabile CSS in dieci passaggi
FAQ
Qual è la differenza tra una tinta e una sfumatura?
Una tinta viene creata aggiungendo il bianco a un colore per schiarirlo, mentre una sfumatura viene prodotta aggiungendo il nero per scurirlo.
Come posso generare una tavolozza da un singolo colore?
Inserisci il tuo colore in formato esadecimale, RGB o HSL, e lo strumento calcolerà automaticamente una serie di tonalità più chiare e più scure pronte per essere copiate.
Questi colori sono compatibili con Tailwind CSS?
Sì, la scala generata segue la logica da 50 a 900 utilizzata da Tailwind, quindi puoi inserirla direttamente nella configurazione del tema.