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

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

ग्रेडिएंट टाइप
कलर स्टॉप
CSS
अपना ग्रेडिएंट बनाने के लिए स्टॉप और दिशा एडजस्ट करें।

हर ग्रेडिएंट आपके ब्राउज़र में ही रेंडर होता है। यहाँ जो भी सेट करते हैं वह BroBroGo पर अपलोड नहीं होता।

अक्सर पूछे जाने वाले सवाल

लीनियर, रेडियल और कॉनिक ग्रेडिएंट में क्या फ़र्क़ है?

लीनियर ग्रेडिएंट रंगों को एक सीधी रेखा पर मिलाता है, जिसकी दिशा आप ऐंगल से तय करते हैं। रेडियल ग्रेडिएंट उन्हें बीच से बाहर की ओर — गोल या अंडाकार — फैलाता है। कॉनिक ग्रेडिएंट उन्हें केंद्र के चारों ओर घुमाता है, कलर व्हील की तरह।

कलर स्टॉप क्या होते हैं?

हर कलर स्टॉप एक रंग है जो ग्रेडिएंट पर किसी जगह टिका होता है — शुरुआत में 0%, अंत में 100%। किसी स्टॉप को खिसकाकर तय करें कि उसका रंग कहाँ सबसे गाढ़ा हो, या ज़्यादा स्टॉप जोड़कर मेल को और समृद्ध बनाएँ। आप आठ तक जोड़ सकते हैं।

दिशा कैसे कंट्रोल करें?

लीनियर या कॉनिक ग्रेडिएंट में ऐंगल स्लाइडर दिशा तय करता है — 0° ऊपर की ओर, 90° दाईं ओर। रेडियल ग्रेडिएंट में ऐंगल नहीं होता; उसकी जगह गोल या अंडाकार शेप चुनकर बदलें कि वह कैसे फैलता है।