Générez une gamme complète de nuances (50 à 950) depuis une couleur. Style Tailwind CSS, perceptuellement équilibrée. Export CSS variables, Tailwind, SCSS ou JSON.
| HEX | RGB | HSL |
|---|
La gamme utilise une interpolation HSL perceptuelle. L'outil crée 11 paliers en variant la luminosité de manière non-linéaire et en ajustant légèrement la saturation pour garder une perception naturelle. Compatible avec les conventions Tailwind CSS (50, 100…950).
Importez les CSS variables ou la config Tailwind dans votre projet. La nuance 500 correspond à votre couleur principale, 50-200 aux fonds et états survol, 600-900 aux textes et états actifs. Convention suivie par Tailwind, Material Design et la plupart des design systems modernes.