ToolRobinمن دون تسجيل دخول، استخدمه مباشرة

إنشاء تدرجات CSS

أنشئ تدرجًا خطيًا أو دائريًا من لونين.

أنشئ تدرجًا خطيًا أو دائريًا من لونين.

الخيارات

sRGB HEX · 2 ألوان · 0–360° · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

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

إنشاء تدرجات CSS

أنشئ تدرجًا خطيًا أو دائريًا من لونين.

خطوات الاستخدام

  1. غيّر الإعدادات المطلوبة فقط والتزم بالحدود أدناه.
  2. غيّر الإعدادات المطلوبة فقط والتزم بالحدود أدناه. اللون الأول: #2563eb · اللون الثاني: #7c3aed · الزاوية (درجة): 90 · النوع: خطي · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.
  3. نفّذ المعالجة وقارن الناتج بالأصل ثم انسخ أو نزّل.

اختيار الإعدادات

الخيارما الذي يتغير
الخياراتغيّر الإعدادات المطلوبة فقط والتزم بالحدود أدناه. اللون الأول: #2563eb · اللون الثاني: #7c3aed · الزاوية (درجة): 90 · النوع: خطي · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.
الحدودsRGB HEX · 2 ألوان · 0–360° · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

مثال والنتيجة المتوقعة

هذا مثال لنتيجة متوقعة وليس ادعاء قياس فعلي. linear-gradient(90deg, #2563EB, #7C3AED);

إذا لم يعمل

  • صحح الإعدادات أو المدخل غير المدعوم وأعد المحاولة. يحفظ الأصل؛ قلّل حجم الملف الكبير.
  • لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

التنسيقات والحدود

sRGB HEX · 2 ألوان · 0–360° · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

التعليمات

ماذا تفعل هذه الأداة؟

أنشئ تدرجًا خطيًا أو دائريًا من لونين.

أي إعداد أختار؟

غيّر الإعدادات المطلوبة فقط والتزم بالحدود أدناه. اللون الأول: #2563eb · اللون الثاني: #7c3aed · الزاوية (درجة): 90 · النوع: خطي · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

ما الحدود؟

sRGB HEX · 2 ألوان · 0–360° · لونان معتمان، زاوية خطية أو تدرج دائري مركزي. بلا ألوان إضافية أو صور أو شبكة. نسخ CSS لا يغير موقعك.

لماذا فشلت المعالجة؟

صحح الإعدادات أو المدخل غير المدعوم وأعد المحاولة. يحفظ الأصل؛ قلّل حجم الملف الكبير.

هل يُرفع إدخالي أو يُحفظ؟

لا. تتم المعالجة على جهازك. تبقى المدخلات والنتائج في ذاكرة هذه الصفحة حتى تمسحها أو تغادر. لا يرفعها ToolRobin أو يسجلها أو يخزنها. النسخ يضع النتيجة في حافظة جهازك.

قد تحتاج أيضًا