مولّد التدرّج اللوني CSS

ما الذي تساعدك هذه الأداة على فعله

أنشئ تدرّجًا لونيًا قابلًا لإعادة الإنتاج، وعاين كل لون مولّد، وانسخ تسلسل HEX الدقيق لاستخدامه في CSS أو الرسوم البيانية أو رموز التصميم.

مثال عملي

كيف تُنتَج النتيجة

يتم إنشاء كل لون وسيط عن طريق الاستيفاء الخطي لقنوات الأحمر والأخضر والأزرق. تُحتفظ بنقطتي البداية والنهاية، وتوضع الألوان المتبقية على فترات متساوية.

سير عمل مفيد

• إنشاء ألوان مرتبة للرسوم البيانية أو تدرجات للخرائط الحرارية
• بناء ألوان للتفاعل والحالات بين رمزَي تصميم
• إنتاج لوحة ألوان مدمجة لتدرج خلفية

القيود المهمة

• قد يبدو الاستيفاء في فضاء RGB أغمق أو موحلًا بين بعض الألوان المتكاملة.
• اللوحة ذات المظهر السلس ليست بالضرورة متاحة لعمى الألوان.
• يولّد هذا المولّد ألوان RGB متباعدة بالتساوي؛ ولا يدّعي انتظامًا إدراكيًا.

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

لماذا قد تبدو النقطة الوسطى رمادية أو موحلة؟

قد تتجه قنوات RGB المتقابلة إلى متوسط محايد. أضف لونًا وسيطًا مناسبًا في سير عمل CSS متعدد النقاط عندما تكون الحيوية البصرية مهمة.

كم عدد الألوان التي يجب أن أولّدها؟

استخدم أصغر عدد يطابق الحالات أو نطاقات البيانات المميزة التي تحتاجها؛ أما الخلفيات المستمرة فيمكنها استخدام خطوات أكثر.