🍋
Menu
🍋 Design Tools

Color Shade Generator

Free في المتصفح فقط No sign-up
chars words sentences lines

Shade Scale Options

النتائج

النتيجة

حول 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.

كيف يعمل

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.

الأسئلة الشائعة