مولد التدرج اللوني
إنشاء ومعاينة تدرجات CSS بشكل مرئي.
إعدادات التدرج
تعيين نوع واتجاه التدرج
نقاط الألوان
تعيين ألوان ومواقع التدرج
%
%
القوالب المحددة مسبقاً
جرب التدرجات المحددة مسبقاً
المعاينة
عرض التدرج المُنشأ
كود CSS المُنشأ
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);وصف أنواع التدرج
التدرج الخطي
تدرج يغير الألوان في اتجاه خط مستقيم. يمكنك ضبط الزاوية لتعيين الاتجاه.
التدرج الشعاعي
تدرج يغير الألوان من نقطة مركزية إلى الخارج في شكل دائري أو بيضاوي.
التدرج المخروطي
تدرج مخروطي يغير الألوان أثناء الدوران حول نقطة مركزية.