🍋
Menu
🍋 Design Tools

Color Shade Generator

Free Nur im Browser No sign-up
chars words sentences lines

Shade Scale Options

Ergebnisse

Ergebnis

Ueber Color Shade Generator

Generate a complete shade scale (50-950) from any base color. Creates Tailwind-compatible scales with WCAG contrast ratios for each shade.

So funktioniert es

Pick a base color and the tool generates a full shade scale from 50 (lightest) to 950 (darkest), adjusting saturation and lightness. Output includes Tailwind config or CSS variables plus a WCAG contrast analysis table.

Haeufig gestellte Fragen