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