CSS ग्रेडिएंट जनरेटर
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल
CSS ग्रेडिएंट जनरेटर क्या है?
CSS ग्रेडिएंट बनाने और कोड कॉपी करने के लिए मुफ्त ऑनलाइन विज़ुअल एडिटर
उपयोग कैसे करें
- 1 टाइप चुनें — ग्रेडिएंट टाइप चुनें (लीनियर, रेडियल, कॉनिक)।
- 2 कलर स्टॉप समायोजित करें — प्रत्येक कलर स्टॉप का रंग और स्थिति समायोजित करें।
- 3 प्रीव्यू — प्रीव्यू में रियल-टाइम में परिणाम जांचें।
- 4 CSS कोड कॉपी करें — 'कॉपी' बटन से CSS कोड क्लिपबोर्ड में कॉपी करें।
संबंधित टूल
अक्सर पूछे जाने वाले प्रश्न
कोई सीमा नहीं है, लेकिन 2-6 सामान्य है। बहुत अधिक प्रदर्शन को प्रभावित कर सकता है।
हां। repeating प्रीफ़िक्स जोड़ने के लिए 'रिपीट' चेकबॉक्स सक्षम करें।
पांच प्रीसेट प्रदान किए गए हैं: Sunset, Ocean, Forest, Midnight और Rainbow।
वर्तमान में केवल शुद्ध CSS आउटपुट होता है। Tailwind कन्वर्शन भविष्य के अपडेट में प्लान है।
नहीं। सभी प्रोसेसिंग ब्राउज़र में होती है।