Generatore di Sfumature
Genera una scala di sfumature da un colore base.
Generate a full lightness scale (50 to 950, like a design-system color ramp) from a single base color. Copy any HEX value, or export the whole scale as CSS variables — ideal for theming buttons, surfaces and states consistently.
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 Choose a base color.
- 2 Read the 50–950 shade scale.
- 3 Copy the HEX you need.
- 4 Export all shades as CSS variables.
Casi d'uso comuni
- Create a color ramp for a design system.
- Pick hover/active states from one color.
- Theme light and dark surfaces consistently.
- Generate Tailwind-style color steps.
Domande frequenti
Is my color data sent anywhere?
No. Every conversion and calculation runs entirely in your browser — nothing is uploaded, stored or logged.
What do the numbers mean?
They're lightness steps (50 = lightest, 950 = darkest) following the convention used by many design systems, so the scale drops straight into UI themes.
How is each shade calculated?
The base color's hue and saturation are kept while lightness is set to each step, so the whole scale shares one consistent hue.
Is it really free?
Yes — free, with no signup, no watermark and no limits.