Échelle de Couleurs

Générez des nuances et dégradés de couleurs à partir d'une couleur de base.

Base Color#6366f1

Color Scale (Tailwind-style)

CSS Custom Properties

:root {
  --color-50: #f7f7fe;
  --color-100: #eff0fe;
  --color-200: #d8d9fc;
  --color-300: #c1c2f9;
  --color-400: #9294f5;
  --color-500: #6366f1;
  --color-600: #5457cd;
  --color-700: #4547a9;
  --color-800: #363885;
  --color-900: #282960;
  --color-950: #191a3c;
}