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

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ النتيجة والصقها في مشروعك.

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

يبني المولّد تدرّجًا خطيًا بين لونين، ويعرضه في معاينة مباشرة، ويتيح نسخ CSS العادي أو صنف خلفية اختياري في Tailwind.

الإعداد الافتراضي يعرض تدرّجًا مائلًا من الأزرق السماوي إلى الأخضر.

إدخال

135deg · #0ea5e9 → #22c55e

مخرجات

background: linear-gradient(135deg, #0ea5e9, #22c55e);

التدرّجات ذات النقاط الكثيرة تبقى أسهل صيانة إذا حفظتها في متغيّرات CSS.