मुख्य सामग्री पर जाएं

ग्रेडिएंट जनरेटर

CSS ग्रेडिएंट बनाएं। लीनियर और रेडियल, दिशा, रंग, स्टॉप पॉइंट एडजस्ट। कोड कॉपी। ब्राउज़र प्रोसेसिंग।

मुफ़्त ऑनलाइन CSS ग्रेडिएंट जनरेटर। linear, radial और conic ग्रेडिएंट को दृश्यात्मक रूप से डिज़ाइन करें, फिर CSS कोड तुरंत कॉपी करें। सारी प्रोसेसिंग आपके ब्राउज़र में — कोई सर्वर संचार नहीं। वेब डिज़ाइन बैकग्राउंड, बटन और UI एलिमेंट के लिए एकदम सही।

प्रकार
कोण
90°
रंग
0%
100%
CSS कोड
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock फ़ाइलें सर्वर पर नहीं भेजी जातीं

ग्रेडिएंट जनरेटर कैसे इस्तेमाल करें?

  1. ग्रेडिएंट प्रकार चुनें (linear, radial आदि)।
  2. कलर स्टॉप जोड़ें और रंग सेट करें।
  3. बनाए गए CSS कोड को कॉपी करें।

ग्रेडिएंट जनरेटर के बारे में अक्सर पूछे जाने वाले सवाल

कौन-कौन से ग्रेडिएंट प्रकार समर्थित हैं?

linear, radial और conic ग्रेडिएंट समर्थित हैं।

क्या मैं CSS कोड सीधे कॉपी कर सकता हूँ?

हाँ, अपनी वेबसाइट पर सीधे लागू करने के लिए बनाए गए CSS ग्रेडिएंट कोड को एक क्लिक से कॉपी करें।