انتقل إلى المحتوى
patrache.tools

مولّد التدرج

أداة مجانية لتوليد تدرج CSS. تدرج خطي ودائري، تحكم بالاتجاه والألوان ونقاط التوقف. نسخ الكود. معالجة في المتصفح.

النوع
الزاوية
90°
الألوان
0%
100%
كود CSS
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lockلا يتم إرسال الملفات إلى أي خادم
مشاركة
تضمين

ضمّن هذه الأداة في موقعك

منشئ تدرّجات CSS مجاني على الإنترنت. صمّم التدرّجات الخطية والشعاعية والمخروطية بصرياً، ثم انسخ كود CSS فوراً.

كيف تستخدم مولّد التدرج؟

  1. اختر نوع التدرّج (خطي، شعاعي، إلخ).
  2. أضِف نقاط ألوان واضبط الألوان.
  3. انسخ كود CSS المُنشأ.

الأسئلة الشائعة حول مولّد التدرج

ما أنواع التدرّجات المدعومة؟

التدرّجات الخطية والشعاعية والمخروطية مدعومة.

هل يمكنني نسخ كود CSS مباشرة؟

نعم، انسخ كود تدرّج CSS المُنشأ بنقرة واحدة لتطبيقه مباشرة على موقعك.

لماذا يظهر شريط رمادي باهت في منتصف التدرّج؟

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

هل يمكنني حفظ التدرّج كملف صورة لا كـ CSS فقط؟

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

نصائح لاستخدام مولّد التدرج بفعالية

  • امزج لونين متقاربين على عجلة الألوان، فالألوان المتقابلة تنتج رمادياً باهتاً في الوسط.
  • التدرّج القطري بزاوية 135 درجة هو الخيار الأكثر أماناً للبانرات وخلفيات البطاقات.
  • إذا كان النص سيوضع فوقه فاختبر التباين عند أفتح نقطة توقف في التدرّج.

Powered by Patrache Studio Tools

يرجى السماح بالإعلانات على هذا الموقع

لاستخدام هذه الأدوات، اسمح بالإعلانات على هذا الموقع. تساعد عائدات الإعلانات في إبقاء الخدمة مجانية.

افتح مانع الإعلانات وأوقف الحظر لهذا الموقع، ثم تحقق مرة أخرى.