مولد درجات الألوان

مرجع

ما هي التدرجات والظلال؟

في نظرية الألوان، التدرج هو أي لون ممزوج بالأبيض (يجعله أفتح)، والظل هو أي لون ممزوج بالأسود (يجعله أغمق). معاً، يشكلان لوحة أحادية اللون — تنويعات لتدرج واحد بمستويات سطوع مختلفة. هذه الأداة تُنشئ مقياساً كاملاً من الأبيض عبر لونك الأساسي إلى الأسود، مما يعطيك منحدر ألوان جاهزاً للاستخدام في التصميم والتطوير.

حالات استخدام درجات الألوان

أنظمة التصميم — أنشئ مقياس 9 أو 11 درجة للون العلامة التجارية، باتباع النمط المستخدم في Tailwind CSS (50–950) وMaterial Design ومعظم أنظمة التصميم الحديثة. حالات مكونات واجهة المستخدم — استخدم تدرجات أفتح للخلفيات وحالات التحويم، واللون الأساسي للإجراءات الرئيسية، وظلال أغمق للنصوص والحدود والحالات النشطة. تصور البيانات — أنشئ مقاييس ألوان تسلسلية من فاتح إلى داكن لخرائط الحرارة والمخططات حيث تمثل الشدة الحجم. إمكانية الوصول — اعثر على أزواج ظلال تلبي متطلبات نسبة تباين WCAG (4.5:1 للنص العادي، 3:1 للنص الكبير).

كيف تُنشأ الدرجات

تُنشأ الدرجات عبر الاستيفاء الخطي في فضاء RGB من الأبيض (#FFFFFF) عبر اللون الأساسي إلى الأسود (#000000). لعدد N من الدرجات، يظهر اللون الأساسي في نقطة المنتصف من المقياس. كل خطوة تمزج بالتساوي، مما ينتج تدرج سطوع متسق. الناتج متاح بتنسيقات HEX وRGB وHSL — انسخ القيم الفردية أو اللوحة بأكملها دفعة واحدة.

الخصوصية

جميع عمليات توليد الألوان تتم 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.