تصميم تدرجات جميلة وتصديرها بتنسيق CSS أو صور
اختر الألوان، وأضف نقاط التوقف، واضبط الزاوية أو النقطة المركزية لإنشاء التدرج الدقيق الذي تحتاجه. تدعم الأداة التدرجات الخطية والشعاعية والمخروطية مع توقفات لونية غير محدودة. انسخ كود CSS لورقة الأنماط الخاصة بك أو قم بتنزيل التدرج بتنسيق PNG عالي الدقة لاستخدامه في مشاريع التصميم.
استخدم هذه الأداة مجانًاسمات
ثلاثة أنواع التدرج
قم بإنشاء تدرجات خطية بأي زاوية، أو تدرجات نصف قطرية مع مركز وشكل قابلين للتعديل، أو تدرجات مخروطية تدور حول نقطة ما. قم بالتبديل بين الأنواع وتحديثات المعاينة على الفور.
توقف اللون غير محدود
قم بإضافة أي عدد تريده من التوقفات اللونية على طول شريط التدرج. قم بسحب علامات التوقف لتغيير موضعها، أو انقر نقرًا مزدوجًا لتغيير اللون، أو انقر بزر الماوس الأيمن لحذفها. تدعم كل نقطة توقف العتامة للتدرجات شبه الشفافة.
إخراج كود CSS
تقوم الأداة بإنشاء رمز صورة خلفية CSS صالح مع بادئات البائع. انسخ الكود والصقه مباشرة في ورقة الأنماط الخاصة بك. يتم تحديث الإخراج في الوقت الحقيقي أثناء قيامك بتحرير التدرج.
تصدير الصور بصيغة PNG
قم بتنزيل التدرج بتنسيق PNG بأي دقة - بدءًا من الصور المصغرة بحجم 100 بكسل إلى لافتات بحجم 4000 بكسل. استخدم الصورة كخلفية أو تراكب أو عنصر تصميم في الأدوات التي لا تدعم تدرجات CSS.
كيفية الاستخدام
اختر نوع التدرج
حدد خطيًا أو شعاعيًا أو مخروطيًا. بالنسبة للخطي، قم بتعيين الزاوية؛ لشعاعي، تعيين نقطة المركز والشكل.
إضافة وضبط الألوان
انقر فوق شريط التدرج لإضافة توقفات الألوان. اسحب لتغيير الموضع، وانقر نقرًا مزدوجًا لتغيير اللون، واضبط العتامة لكل نقطة توقف.
انسخ CSS أو قم بتنزيله
انسخ رمز CSS الذي تم إنشاؤه لاستخدامه على الويب، أو قم بتعيين الدقة وتنزيل التدرج كصورة PNG.
تحديد
| أنواع التدرج | خطي، شعاعي، مخروطي |
| توقف اللون | غير محدود |
| نطاق الزاوية | 0-360 درجة |
| إخراج CSS | القياسية + بادئات البائع |
| تصدير PNG | ما يصل إلى 4000 × 4000 بكسل |
| يعالج | جانب العميل (فوري) |
Related Magic Eraser Tools
الأسئلة الشائعة
هل يمكنني إنشاء تدرج مع الشفافية؟
+
نعم. تحتوي كل نقطة توقف لونية على شريط تمرير العتامة. اضبط العتامة على أقل من 100% لإنشاء مناطق شبه شفافة في التدرج. يستخدم مخرجات CSS قيم rgba ويحتفظ تصدير PNG بقناة ألفا.
ما هو التدرج المخروطي؟
+
يشع التدرج المخروطي توقفات اللون حول نقطة مركزية، مثل حركة عقرب الساعة. وهو مفيد لتأثيرات نمط المخطط الدائري وعجلات الألوان والخلفيات الزخرفية. دعم المتصفح ممتاز في المتصفحات الحديثة.
هل يمكنني استخدام CSS الذي تم إنشاؤه في أي إطار؟
+
نعم. الإخراج هو CSS قياسي يعمل في HTML عادي، وReact، وVue، وTailwind، وأي إطار عمل آخر يدعم CSS المضمّن أو المستند إلى ورقة الأنماط.
هل تحتاج إلى التدرج اللوني على الصورة؟
يمكن لـ AI Enhance ضبط درجة الألوان والإضاءة في صورك، وتتيح لك أداة تراكب الصور لدينا مزج التدرج اللوني أعلى أي صورة للحصول على مظهر مصقول.
جربه مجاناMore free tools
Explore our other limited free edits after sign-in photo and image tools.
قم بتغيير حجم الصور إلى أبعاد البكسل الدقيقة لوسائل التواصل الاجتماعي والويب والطباعة. لا يلزم الاشتراك. يدعم JPEG وPNG وWebP بحجم يصل إلى 50 ميجابايت.
يمكنك ضغط صور JPEG وPNG وWebP بنسبة تصل إلى 80% مع الحد الأدنى من فقدان الجودة المرئي. اضبط شريط تمرير الجودة للتحكم الكامل. لا حاجة للتسجيل.
تحويل صور PNG إلى تنسيق JPEG على الفور. اضبط جودة الإخراج، واختر لون الخلفية للمناطق الشفافة، ثم قم بالتنزيل - دون الحاجة إلى الاشتراك.
قم بتحويل صور JPEG إلى تنسيق PNG للحصول على جودة عالية ودعم الشفافية. مثالية قبل إزالة الخلفية. لا يلزم الاشتراك أو التثبيت.
قم بتحويل صور Apple HEIC وHEIF إلى تنسيق JPEG متوافق عالميًا. يعمل في المتصفح - بدون تثبيت التطبيق، أو الاشتراك، أو تحميل الملفات إلى الخادم.
قم بتحويل JPEG وPNG إلى WebP لتحميل الصفحات بشكل أسرع، أو قم بتحويل WebP مرة أخرى إلى JPEG/PNG من أجل التوافق. لا يوجد اشتراك، لا تثبيت، يعمل في المتصفح.