Generatore di tavolozze di colori
Genera una scala di sfumature e tinte da un unico colore base.
🔒 100 % lato client — nessun dato inviato
Generatore di tavolozze di colori per creare sfumature, tinte e toni da un unico colore base in un clic. Perfetto per creare un sistema di progettazione coerente o varianti chiare e scure per i tuoi componenti. Tutti i colori vengono generati localmente nel tuo browser, senza alcun dato inviato.
FAQ
Qual è la differenza tra una tinta, una sfumatura e un tono?
Una tinta schiarisce un colore aggiungendo il bianco, una sfumatura lo scurisce con il nero e un tono lo desatura con il grigio. Lo strumento genera queste variazioni automaticamente.
Come posso creare una tavolozza per un sistema di progettazione?
Inizia da un colore di base e derivalo in più passaggi (ad esempio da 50 a 900) per coprire sfondi, bordi e testo. Lo strumento produce una scala che è possibile esportare in HEX.
In quale formato posso ottenere i colori?
Ogni tonalità viene fornita con un codice HEX pronto per la copia che puoi utilizzare direttamente in CSS o nelle tue variabili. Puoi inserire il colore di base in HEX.
Quante sfumature dovrei generare per colore?
Una scala da 9 a 10 passaggi è uno standard comune (come Tailwind) per coprire ogni caso d'uso. Lo strumento ti consente di visualizzare in anteprima l'intera gamma.