المولدات الرئيسية
إنشاء طبقات برمجيات برمجيات برمجية مجهزة بالأشعة المقطعية
Vista Previa
background: linear-gradient(90deg, #3B82F6, #8B5CF6);يعد Gradient Generator الأداة المثالية لإنشاء تدرجات لونية مذهلة لتصميماتك. قم بإنشاء تدرجات خطية وقطرية ومخروطية بألوان وزوايا ونقاط توقف قابلة للتخصيص. مثالي لتصميم الويب وتطوير واجهة المستخدم والتصميم الجرافيكي والمشاريع الإبداعية. انسخ كود CSS على الفور وقم بمعاينة التدرجات في الوقت الفعلي. قم بإنشاء تدرجات ذات جودة احترافية دون الحاجة إلى أي خبرة في التصميم.
Key Features
أنواع التدرج الخطي والقطري والمخروطي
توقفات لونية غير محدودة
معاينة في الوقت الحقيقي
زاوية وموضع قابل للتعديل
انسخ كود CSS فورًا
دعم ألوان HSL وRGB وHEX
قوالب التدرج المعدة مسبقا
تكامل منتقي الألوان
تصدير كصورة أو CSS
معاينة تستجيب للجوال
مولد التدرج
حدد نوع التدرج
اختر بين التدرجات الخطية أو الشعاعية أو المخروطية بناءً على احتياجات التصميم الخاصة بك.
اختر الألوان التي تناسبك
انقر فوق توقفات الألوان لتحديد الألوان المخصصة باستخدام منتقي الألوان المدمج.
ضبط الاتجاه
قم بتعيين الزاوية والموضع والاتجاه للتدرج الخاص بك ليتناسب مع رؤية التصميم الخاصة بك.
معاينة في الوقت الحقيقي
شاهد تحديث التدرج الخاص بك على الفور أثناء ضبط الألوان والإعدادات.
كود النسخ
انقر فوق "نسخ CSS" لنسخ الكود إلى الحافظة لاستخدامه فورًا في مشاريعك.
Use Cases
إنشاء خلفيات للموقع
تدرجات زر التصميم
بناء خلفيات مكونات البطاقة
إنشاء تدرجات قسم البطل
تصميم خلفيات تطبيقات الجوال
إنشاء تراكبات متدرجة
تصميم خلفيات لمنشورات مواقع التواصل الاجتماعي
إنشاء رسومات لافتة
توليد التدرجات تحت عنوان
بناء تدرجات متسقة مع العلامة التجارية
Frequently Asked Questions
ما هو CSS الذي يخرجه المولد؟
نقوم بإخراج تدرجات CSS حديثة متوافقة مع جميع المتصفحات الحديثة باستخدام صيغة تدرج CSS القياسية.
هل يمكنني استخدام التدرجات مع الصور؟
نعم، يمكن وضع تدرجات CSS في طبقات مع صور الخلفية باستخدام خصائص خلفية متعددة.
هل هناك مخاوف تتعلق بتوافق المتصفح؟
يتم دعم التدرجات الحديثة في جميع المتصفحات الحالية. نحن نقدم خيارات احتياطية للمتصفحات القديمة.
هل يمكنني التصدير كملف صورة؟
نعم، يمكنك إنشاء التدرج وتنزيله كملف صورة PNG أو SVG.
Tool Information
Related Tools You Might Like
مولدات الكولور باليت من طراز Image
إستخراج الألوان المهيمنة من الصورة
RGB/HEX Converter
Convert between RGB and HEX color formats
WCAG Contrast checker
مقارنة لون الشيكات وفقاً لمعايير فريق التقييم العالمي
مولد التوقيع الرقمي
:: إنشاء توقيعات رقمية مثبتة بعلامات مختلفة
مولدات الظل
الظلال في صندوق الإنقاذ
مولدات الظل
توفير الظلال النصية لأجهزة الدعم المركزية
محاسبة فولوم
قم بحساب حجم اللوحة المثالي بناءً على وزنك ومستوى خبرتك وظروف الموجات.
متعهد الموجات الثقيلة
Convert between different wave altitude measurements (face altitude, Hawaiian scale, ocean swell).
مخطط سكوبا
نخطط لغطس سكوبا مع حدود العمق، والوقت السفلي، ومتطلبات الاكتئاب الآمن.