Generatore di tonalità di colore
Tinte e ombreggiature di qualsiasi colore.
Token fissi 50–950; 50 è il più chiaro, 950 il più scuro e 500 è il colore di input esatto.
Proporzioni UI? Calcolatore di Proporzioni · armonie: Generatore palette di colori · WCAG: Controllo Contrasto Colori.
Crea una palette di colori
Genera una scala percettiva fissa 50–950 per il sistema di design o passi personalizzati di tinta/tonalità, quindi copia le proprietà personalizzate CSS o scarica JSON.
FAQ
Cos'è una tinta e una sfumatura?
Una tinta chiara è una variazione più luminosa, mentre una tonalità scura è una variazione più scura. Questo strumento regola la luminosità e il croma percettivi OKLCH invece di interpolare i canali sRGB codificati.
Come copio un colore?
Fai clic su qualsiasi campione per copiarne il valore HEX. Usa Copia variabili CSS o Scarica JSON per esportare l’intera scala.
A cosa è utile questo?
Creazione di palette di colori e scale del design system da un unico colore del brand — esportale come proprietà personalizzate CSS o token in stile Tailwind.
Ultimo aggiornamento: