UTILS.
‎100%‎ داخل المتصفح

مولّد التدرّج اللوني CSS

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

حول هذه الأداة

أنشئ تدرّجًا لونيًا خطيًا أو شعاعيًا بين لونين عبر اختيار الألوان والمواضع والزاوية، ثم انسخ قاعدة الخلفية. تعمل المعاينة الحية بالكامل داخل متصفحك.

الأسئلة الشائعة

ما هي الزاوية في التدرّج الخطي؟
تحدّد الزاوية اتجاه انتقال الألوان: 0° يشير للأعلى، و90° يشير لليمين، و180° للأسفل، وهكذا.
متى أستخدم الشعاعي بدلًا من الخطي؟
استخدم الشعاعي لإشعاع الألوان نحو الخارج من نقطة مركزية (مثل الكشّاف الضوئي)؛ أما الخطي فيمزجها على طول خط مستقيم.

المزيد من الأدوات