مولد الدرجات والظلال — تنويعات اللون

نظام الألوان الاحترافي يتضمن تنويعات متعددة لكل لون. استخدم الدرجات (إضافة أبيض) والظلال (إضافة أسود) لبناء لوحة ألوان متكاملة.

الدرجات vs الظلال vs النبرات

• الدرجة (Tint): اللون + الأبيض = نسخة أفتح
• الظل (Shade): اللون + الأسود = نسخة أغمق
• النبرة (Tone): اللون + الرمادي = تشبع أقل

الاستخدام في أنظمة التصميم

كما في Tailwind CSS وMaterial Design، أنشئ مقياساً من 10 درجات بين 50 و900:

• 50-100: خلفيات وحالات hover
• 200-400: عناصر ثانوية
• 500: اللون الأساسي
• 600-700: نسخ داكنة، hover للأزرار
• 800-900: نصوص وأيقونات