What gradient types are supported?

Linear, radial, and conic gradients are supported.

Can I copy the CSS code directly?

Yes, one-click copy the generated CSS gradient code to apply directly to your website.

مولّد التدرج

أداة مجانية لتوليد تدرج CSS. تدرج خطي ودائري، تحكم بالاتجاه والألوان ونقاط التوقف. نسخ الكود. معالجة في المتصفح.

Free online CSS gradient generator. Visually design linear, radial, and conic gradients, then copy the CSS code instantly. All processing in your browser — no server communication. Perfect for web design backgrounds, buttons, and UI elements.

النوع

الزاوية

90°

الألوان

100%

كود CSS

background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);

lock لا يتم إرسال الملفات إلى أي خادم

مولّد التدرج

كيف تستخدم مولّد التدرج؟

الأسئلة الشائعة حول مولّد التدرج

مولّد التدرج

كيف تستخدم مولّد التدرج؟

الأسئلة الشائعة حول مولّد التدرج

أدوات ذات صلة

منتقي الألوان

محوّل رموز الألوان

مولّد لوحة الألوان

لون عشوائي