CSS ग्रेडिएंट जनरेटर
Color Stop
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल
CSS ग्रेडिएंट जनरेटर क्या है?
मुफ्त ऑनलाइन विज़ुअल CSS ग्रेडिएंट जनरेटर: linear, radial और conic ग्रेडिएंट बनाएं, कई कलर स्टॉप और कोण समायोजित करें, और वेबसाइट बैकग्राउंड के लिए तैयार CSS कोड कॉपी करें।
उपयोग कैसे करें
- 1टाइप चुनें— ग्रेडिएंट टाइप चुनें (लीनियर, रेडियल, कॉनिक)।
- 2कलर स्टॉप समायोजित करें— प्रत्येक कलर स्टॉप का रंग और स्थिति समायोजित करें।
- 3प्रीव्यू— प्रीव्यू में रियल-टाइम में परिणाम जांचें।
- 4CSS कोड कॉपी करें— 'कॉपी' बटन से CSS कोड क्लिपबोर्ड में कॉपी करें।
संबंधित टूल
CSS Box Shadow जनरेटरमुफ्त ऑनलाइन CSS box-shadow जनरेटर, ऑफसेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण के साथ, जो छाया का लाइव प्रीव्यू देता है और कॉपी करने को तैयार box-shadow CSS कोड बनाता है।
CSS Border Radius जनरेटरमुफ्त ऑनलाइन CSS border-radius जनरेटर, आठ स्वतंत्र कोने हैंडल और स्लाइडर के साथ, जो गोल आकार का लाइव प्रीव्यू देता है और कॉपी करने को तैयार border-radius CSS कोड बनाता है।
कलर कोड कनवर्टरमुफ्त ऑनलाइन कलर कन्वर्टर जो HEX, RGB, HSL और OKLCH कोड के बीच तुरंत बदलता है और दो रंगों के बीच WCAG कंट्रास्ट रेशियो की गणना करता है ताकि एक्सेसिबिलिटी अनुपालन आसानी से जांचा जा सके।
अक्सर पूछे जाने वाले प्रश्न
कोई सीमा नहीं है, लेकिन 2-6 सामान्य है। बहुत अधिक प्रदर्शन को प्रभावित कर सकता है।
हां। repeating प्रीफ़िक्स जोड़ने के लिए 'रिपीट' चेकबॉक्स सक्षम करें।
पांच प्रीसेट प्रदान किए गए हैं: Sunset, Ocean, Forest, Midnight और Rainbow।
वर्तमान में केवल शुद्ध CSS आउटपुट होता है। Tailwind कन्वर्शन भविष्य के अपडेट में प्लान है।
नहीं। सभी प्रोसेसिंग ब्राउज़र में होती है।