Générateur de Nuances
Générez une échelle de nuances depuis une couleur.
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.
Une échelle de luminosité 50–950 prête pour les design systems et thèmes UI.
Toutes les conversions de couleur s'exécutent localement dans votre navigateur — rien n'est envoyé, stocké ni journalisé.
Comment ça marche
- 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.
Cas d'usage courants
- 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.
Questions fréquentes
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.