مركز الأدوات
الألوان والتصميم

منشئ التدرّجات

عاين تدرّجًا بين لونين وانسخ CSS.

طريقة الاستخدام
مجانية. دائمًا.مدخلاتك تبقى في متصفحكبدون تسجيل

تُحفظ أدواتك المفضلة في هذا المتصفح فقط.

منشئ التدرّجات — مساحة العمل

جارٍ تحميل الأداة…

طريقة الاستخدام: منشئ التدرّجات

  1. ابدأ بالمثال أو استبدله بمدخلاتك.

  2. راجع اللون، اللون الثاني، الزاوية بالدرجات، ثم اختر «اعرض النتيجة».

  3. راجع النتيجة ثم انسخها أو نزّلها. عدّل أي مدخل للمحاولة مجددًا.

ما يمكنك إنجازه

  • عاين تدرّجًا بين لونين وانسخ CSS.

ما تحصل عليه

  • نتيجة للمراجعة والنسخ مع تنزيل بصيغة .css.

ما تحتاجه

اللون
اختر لونًا أو أدخل لونًا سداسيًا من ست خانات.
اللون الثاني
اختر لونًا أو أدخل لونًا سداسيًا من ست خانات.
الزاوية بالدرجات
أدخل عددًا (0–360).

جرّب مثالًا

اللون
#6550c8
اللون الثاني
#36c7a1
الزاوية بالدرجات
135
جرّبه في الأداة

من المفيد أن تعرف

  • استخدم متصفحًا حديثًا مع تفعيل JavaScript. تعتمد الصيغ المتاحة والسرعة على المتصفح والجهاز وحجم المدخلات.

عملك يبقى على جهازك

تُعالج ملفاتك والقيم التي تدخلها داخل المتصفح ولا تُرفع للمعالجة. يظل تحميل الموقع ومحركات المعالجة المطلوبة من الموقع ضروريًا.

أسئلة وأجوبة

هل أداة منشئ التدرّجات مجانية؟

نعم. أداة منشئ التدرّجات مجانية ولا تتطلب حسابًا.

هل تُرفع ملفاتي أو القيم التي أدخلها؟

تُعالج ملفاتك والقيم التي تدخلها داخل المتصفح ولا تُرفع للمعالجة. يظل تحميل الموقع ومحركات المعالجة المطلوبة من الموقع ضروريًا.

ما النتيجة التي يمكنني حفظها؟

نتيجة للمراجعة والنسخ مع تنزيل بصيغة .css.

ما الذي يجب مراجعته قبل استخدام النتيجة؟

استخدم متصفحًا حديثًا مع تفعيل JavaScript. تعتمد الصيغ المتاحة والسرعة على المتصفح والجهاز وحجم المدخلات.

أكمل عملك بأداة أخرى

حاسبة أبعاد التصميم اعرف نسبة الأبعاد وأعد التحجيم دون تمديد.منشئ لوحة الألوان أنشئ درجات فاتحة وداكنة من لون أساسي.مزج لونين امزج لونين بنظام RGB بنسبة تختارها للون الثاني.مقارنة ألوان RGB قس المسافة الرقمية بين لونين بنظام RGB دون تقييم إمكانية الوصول.مصمّم ظل الصندوق عاين ظل CSS مع التحكم بالإزاحة والتمويه والانتشار واللون.