- اختر قالباً (غروب، محيط، غابة، نار، ليل، باستيل، نيون، ذهبي) أو ابدأ مخصصاً.
- حدد نوع التدرج — خطي أو إشعاعي أو مخروطي.
- عدّل نقاط اللون — اختر الألوان وعدّل المواضع وأضف/احذف نقاط.
- ضبط دقيق — غيّر الزاوية أو الشكل أو فعّل التكرار.
- انسخ CSS — انقر نسخ CSS والصقه في ملف أنماطك.
ما هو مولّد التدرجات اللونية CSS؟
مولّد التدرجات اللونية CSS هو أداة مجانية واحترافية لإنشاء تدرجات CSS جميلة بصرياً. يدعم التدرجات الخطية والإشعاعية والمخروطية مع نقاط لون غير محدودة وتحكم دقيق بالزاوية وأنماط متكررة. كل ذلك يعمل مباشرة في متصفحك بدون إرسال بيانات.
الميزات الرئيسية
- 3 أنواع تدرج — أنشئ تدرجات خطية (اتجاهية) وإشعاعية (دائرية/بيضاوية) ومخروطية (مسح زاوي) مع التحكم الكامل.
- 8 قوالب جاهزة — ابدأ بتدرجات مصممة احترافياً: غروب ومحيط وغابة ونار وليل وباستيل ونيون وذهبي.
- محرر نقاط لون بصري — كل نقطة فيها منتقي ألوان وحقل HEX وشريط تمرير للموضع.
- معاينة حية — شاهد التدرج يتحدث فوراً مع كل تعديل. انقر المعاينة للشاشة الكاملة.
- نسخ CSS بنقرة واحدة — انسخ كود CSS جاهز للإنتاج بنقرة واحدة.
حالات الاستخدام
- خلفيات الويب — أنشئ أقسام hero مذهلة وخلفيات بطاقات وفواصل أقسام.
- أنماط الأزرار — صمم أزراراً بتدرجات لافتة للنظر.
- تدرجات العلامة التجارية — أنشئ أنظمة تدرج متسقة لهويتك البصرية.
- تصوير البيانات — استخدم التدرجات المخروطية لعروض نمط المخطط الدائري.
الخصوصية والأمان
تعمل هذه الأداة 100% في متصفحك باستخدام JavaScript. لا يتم إرسال أي بيانات تدرج إلى خادم أبداً.