منشئ تدرّجات CSS مجاني على الإنترنت. صمّم التدرّجات الخطية والشعاعية والمخروطية بصرياً، ثم انسخ كود CSS فوراً.
كيف تستخدم مولّد التدرج؟
اختر نوع التدرّج (خطي، شعاعي، إلخ).
أضِف نقاط ألوان واضبط الألوان.
انسخ كود CSS المُنشأ.
الأسئلة الشائعة حول مولّد التدرج
ما أنواع التدرّجات المدعومة؟
التدرّجات الخطية والشعاعية والمخروطية مدعومة.
هل يمكنني نسخ كود CSS مباشرة؟
نعم، انسخ كود تدرّج CSS المُنشأ بنقرة واحدة لتطبيقه مباشرة على موقعك.
لماذا يظهر شريط رمادي باهت في منتصف التدرّج؟
حين يقع لونان متقابلين على عجلة الألوان، يمرّ المزيج بنقطة يهبط فيها التشبّع إلى ما يقارب الصفر، فيظهر ذلك شريطاً رمادياً باهتاً. وثنائيا الأزرق مع البرتقالي والأحمر مع الأخضر هما المتهمان المعتادان. وإضافة لون ثالث كمحطة وسطى تلتف بالتدرّج حول الرمادي، أما اختيار درجتين متجاورتين على العجلة فيمنع المشكلة من الأساس.
هل يمكنني حفظ التدرّج كملف صورة لا كـ CSS فقط؟
نعم، يمكنك تنزيل ملف PNG واستخدامه مباشرةً كخلفية شريحة أو صورة لمنصات التواصل أو تصميم مطبوع. أما لصفحة الويب فإن شيفرة CSS أفضل بكثير: فلا ملف يُحمَّل، ويتمدّد التدرّج مع أي مقاس شاشة دون أن ينكسر، ولا يظهر فيه التدرّج السلّمي الذي يصيب الصور النقطية عند التكبير.
نصائح لاستخدام مولّد التدرج بفعالية
امزج لونين متقاربين على عجلة الألوان، فالألوان المتقابلة تنتج رمادياً باهتاً في الوسط.
التدرّج القطري بزاوية 135 درجة هو الخيار الأكثر أماناً للبانرات وخلفيات البطاقات.
إذا كان النص سيوضع فوقه فاختبر التباين عند أفتح نقطة توقف في التدرّج.