مولّد لوحات تدرج ألوان RGB
أنشئ تدرّجًا لونيًا قابلًا لإعادة الإنتاج، وعاين كل لون مولّد، وانسخ تسلسل HEX الدقيق لاستخدامه في CSS أو الرسوم البيانية أو رموز التصميم.
ابدأ الاستخدام
مولّد لوحات تدرج ألوان RGB
أنشئ تدرّجًا لونيًا قابلًا لإعادة الإنتاج، وعاين كل لون مولّد، وانسخ تسلسل HEX الدقيق لاستخدامه في CSS أو الرسوم البيانية أو رموز التصميم.
ما الذي تساعدك هذه الأداة على فعله
أنشئ تدرّجًا لونيًا قابلًا لإعادة الإنتاج، وعاين كل لون مولّد، وانسخ تسلسل HEX الدقيق لاستخدامه في CSS أو الرسوم البيانية أو رموز التصميم.
مثال عملي
#2563EB ← #EC4899، 5 ألوان
#2563EB، #575CD7، #8956C2، #BA4FAE، #EC4899
كيف تُنتَج النتيجة
يتم إنشاء كل لون وسيط عن طريق الاستيفاء الخطي لقنوات الأحمر والأخضر والأزرق. يُحتفظ بلونَي البداية والنهاية، وتوضع الألوان المتبقية على فترات متساوية.
سير عمل مفيد
- إنشاء ألوان مرتبة للرسوم البيانية أو تدرجات للخرائط الحرارية
- بناء ألوان للتفاعل والحالات بين رمزَي تصميم
- إنتاج لوحة ألوان مدمجة لتدرج خلفية
القيود المهمة
- قد يبدو الاستيفاء في فضاء RGB أغمق أو موحلًا بين بعض الألوان المتتامة.
- اللوحة ذات المظهر السلس ليست بالضرورة متاحة لعمى الألوان.
- يولّد هذا المولّد ألوان RGB متباعدة بالتساوي؛ ولا يدّعي انتظامًا إدراكيًا.
الأسئلة الشائعة
لماذا قد تبدو النقطة الوسطى رمادية أو موحلة؟
قد تتجه قنوات RGB المتقابلة إلى متوسط محايد. أضف لونًا وسيطًا مناسبًا في سير عمل CSS متعدد النقاط عندما تكون الحيوية البصرية مهمة.
كم عدد الألوان التي يجب أن أولّدها؟
استخدم أصغر عدد يطابق الحالات أو نطاقات البيانات المميزة التي تحتاجها؛ أما الخلفيات المستمرة فيمكنها استخدام خطوات أكثر.
يشمل العدد لونَي الطرفين وقيمته الافتراضية 10. يُحذف الجزء العشري ثم يُحصر العدد بين 2 و100. تتيح اللوحتان التحرير بصيغ HEX وRGB وHSV وHSL، لكن الاستيفاء يستخدم دائمًا قنوات RGB المشفّرة مع التقريب إلى أعداد صحيحة. اتجاه المعاينة ثابت عند 90°. لا توجد نقاط إضافية أو ألفا أو اختيار لفضاء الألوان. الناتج قيمة HEX واحدة في كل سطر، وليس كود CSS أو صورة للتنزيل.
تتم المعالجة محليًا داخل متصفحك.