Toolzy

Générateur de nuances Tailwind

Transformez une couleur de base en une échelle de nuances 50–900 comme Tailwind CSS.

50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861

Choisissez une couleur de base et obtenez une échelle complète de nuances de 50 à 900, prête à intégrer dans votre config Tailwind. Chaque échantillon est copiable.

Comment utiliser

  1. Choisissez votre couleur de base
  2. Voyez l'échelle de nuances 50–900
  3. Copiez le code hexadécimal de n'importe quelle nuance

Questions fréquentes

Comment les nuances sont-elles construites ?
Nous conservons votre teinte et votre saturation et mappons chaque palier vers une luminosité cible.
Quel palier correspond à ma couleur ?
La plage 500–600 est la plus proche d'une couleur de base typique.

Outils associés