مولّد التدرجات

حول هذه الأداة

ينشئ مولد تدرجات CSS تدرجات خطية وشعاعية ومخروطية من لونين أو ثلاثة، مع معاينة مباشرة وكود background جاهز للنسخ.

طريقة الاستخدام

1. اختر نوع التدرج: linear أو radial أو conic.
2. اضبط الزاوية بشريط التمرير (0–360°).
3. اختر لونين، أو فعّل Use 3 colors لإضافة لون ثالث.
4. انقر Copy CSS والصق قاعدة background في ملف الأنماط.

معلومات مفيدة

• تمزج linear-gradient() الألوان على امتداد خط مستقيم تحدده زاوية، حيث تتجه 90deg من اليسار إلى اليمين.
• تنشر radial-gradient(circle, …) الألوان من المركز إلى الخارج.
• تدير conic-gradient(from <angle>, …) الألوان حول نقطة مركزية، وهي مفيدة للمخططات الدائرية وعجلات الألوان.
• تدرجات CSS صور يرسمها المتصفح، لذا تتوسع إلى أي حجم دون زيادة في حجم الملفات.
• دوال التدرج الثلاث مدعومة في جميع المتصفحات الرئيسية الحالية.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

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