حول هذه الأداة
أنشئ تدرّجًا لونيًا خطيًا أو شعاعيًا بين لونين عبر اختيار الألوان والمواضع والزاوية، ثم انسخ قاعدة الخلفية. تعمل المعاينة الحية بالكامل داخل متصفحك.
أنشئ تدرّجًا خطيًا أو شعاعيًا مع معاينة حية وانسخ كود CSS.
تُعالَج الملفات في متصفحك ولا تُرفع أبدًا. يُنزّل الموقع الشيفرة والموارد اللازمة لتشغيل الأدوات. بلا حسابات أو تتبّع.
استخدم التنزيل لحفظ هذه الأداة كملف HTML واحد للعمل دون اتصال.
الخصوصية →اختر النوع الخطي، واضبط الزاوية على 135 واللونين على #ff7e5f و#feb47b. يكون CSS هو background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);. وتحريك نقطة التوقف الأولى إلى 20 يُبقي اللون الأول مصمتًا في أول 20% من المربع.
تشير 0deg إلى الأعلى و90deg إلى اليمين، لذا تمتد 135deg من الزاوية العلوية اليسرى إلى السفلية اليمنى. إذا وُضع نص فوق التدرج، فافحص تباينه مع لوني الطرفين.
أنشئ تدرّجًا لونيًا خطيًا أو شعاعيًا بين لونين عبر اختيار الألوان والمواضع والزاوية، ثم انسخ قاعدة الخلفية. تعمل المعاينة الحية بالكامل داخل متصفحك.