Qu'est-ce que Palette Monochromatique ?

Choisissez une couleur de base et générez des nuances plus sombres et plus claires. Définissez le nombre de niveaux, puis exportez en variables CSS, configuration Tailwind, ou copiez les valeurs hex/RVB individuelles.

Comment utiliser

  1. Choisissez une couleur de base à l'aide du sélecteur de couleurs ou entrez directement un code hexadécimal.
  2. Ajustez le nombre de nuances et de teintes (niveaux), et définissez la plage de luminosité/obscurité.
  3. Copiez les valeurs de couleurs individuelles, ou exportez toute la palette sous forme de propriétés CSS personnalisées, d'un objet de configuration Tailwind ou d'un nuancier image.

Résultat

Vous concevez un tableau de bord et avez besoin d'une palette bleue pour la visualisation des données. Vous choisissez #3B82F6 comme base, générez 9 niveaux allant du quasi-blanc (#EBF2FE) au quasi-noir (#1A2744). Vous exportez en variables CSS et utilisez --color-blue-100 à --color-blue-900 dans tous vos graphiques.

Outils similaires