Tailwind Shades Generator

Name: Tailwind Shades Generator
Author: Pixzl

Aus einer Hex-Farbe eine konsistente 11-stufige Skala erzeugen. OKLCh-basiert, Hue bleibt konstant.

Basisfarbe (Hex)

Color-Name

100

200

300

400

500

600

700

800

900

950

tailwind.config snippet

colors: {
  brand: {
    50: '#89ffe9',
    100: '#7effdf',
    200: '#60eec5',
    300: '#3ad0a9',
    400: '#00ac87',
    500: '#008a67',
    600: '#006f4e',
    700: '#005738',
    800: '#004024',
    900: '#002a11',
    950: '#001503',
  },
}

Alle Daten bleiben in deinem Browser. Kein Server, kein Tracking.