مولّد تدرّجات CSS
أنشئ تدرّجات CSS خطية أو شعاعية مع 2–10 نقاط لون. عدّل الزوايا والمواضع والشفافية، واستخدم إعدادات جاهزة أو اعكس النقاط، ثم انسخ ورقة الأنماط أو نزّلها.
من نقطتين إلى 10 نقاط، مرتّبة حسب النسبة في الإخراج. المواضع المتساوية تصنع حدًا حادًا وتحفظ ترتيب القائمة. تظهر الشفافية على رقعة مربعات. القنوات sRGB بعمق 8 بت، ويُحفظ ألفا العشري في RGBA.
ثلاث خطوات بسيطة.
- اختر خطيًا أو شعاعيًا وابدأ بإعداد جاهز أو بألوانك.
- عدّل ألوان النقاط ونسبها، وأضف نقاطًا أو أزلها أو اعكسها.
- راجع المعاينة ثم انسخ خلفية CSS أو نزّل ورقة الأنماط.
معلومات تهمك.
يدعم أسماء ألوان CSS القياسية وHEX/RGB/HSL الرقمية، ومواضع بين 0 و100%. تُرتّب النقاط حسب الموضع؛ يحتفظ الموضع المتساوي بترتيب القائمة وقد يصنع حافة حادة. التدرّج الشعاعي دائرة في المركز. قد تختلف طريقة المزج والشاشات؛ ليس مسارًا لألوان الطباعة.
كيف نحمي خصوصيتك ←الأسئلة الشائعة.
هل يمكن أن يتلاشى التدرّج إلى الشفافية؟
نعم. استخدم ألفا مثل #294C3900 أو rgba(41,76,57,0). تُظهر المربعات مناطق الشفافية.
ماذا يفعل العكس؟
يعكس ترتيب القائمة ويحوّل كل موضع إلى 100 ناقص نسبته الأصلية. وينعكس ترتيب الألوان عند الحواف الحادة أيضًا.