सेटिंग्स
#FF512F0%
#DD2476100%
Live Preview
CSS Output
background: linear-gradient(90deg, #ff512f 0%, #dd2476 100%);

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

नेत्रहीन रूप से सुंदर CSS ग्रेडिएंट बनाएं। रैखिक, रेडियल या कॉनिक शैलियाँ चुनें।

यह कैसे काम करता है

1

प्रकार चुनें

रैखिक, रेडियल, या कॉनिक ग्रेडिएंट प्रकार चुनें और यदि आवश्यक हो तो कोण समायोजित करें।

2

रंग जोड़ें

रंग स्टॉप जोड़ें, अपने रंग चुनें, और उन्हें पूरी तरह से स्थिति देने के लिए स्लाइडर खींचें।

3

CSS कॉपी करें

अपने ग्रेडिएंट का पूर्वावलोकन करें और अपने प्रोजेक्ट में तुरंत उपयोग करने के लिए "CSS कॉपी करें" पर क्लिक करें।

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

CSS ग्रेडिएंट्स का क्या ब्राउज़र समर्थन है?

CSS ग्रेडिएंट्स (रैखिक और रेडियल) सभी आधुनिक ब्राउज़रों द्वारा समर्थित हैं। कॉनिक ग्रेडिएंट्स भी सभी प्रमुख सदाबहार ब्राउज़रों (Chrome, Firefox, Safari, Edge) में व्यापक रूप से समर्थित हैं।

मैं कितने रंग स्टॉप जोड़ सकता हूं?

यह टूल आपको UI को साफ रखने के लिए 5 रंग स्टॉप तक जोड़ने की अनुमति देता है, लेकिन CSS असीमित रंग स्टॉप का समर्थन करता है। आप यहां आधार कोड जनरेट कर सकते हैं और यदि आवश्यक हो तो मैन्युअल रूप से अधिक जोड़ सकते हैं।

क्या मैं पारदर्शी रंगों का उपयोग कर सकता हूं?

वर्तमान में, यह टूल मानक रंग पिकर का उपयोग करता है जो आमतौर पर HEX मानों को आउटपुट करता है। पारदर्शिता (RGBA) के लिए, आप HEX कोड को rgba() मानों से बदलने के लिए जनरेट किए गए CSS कोड को मैन्युअल रूप से संपादित कर सकते हैं।

क्या यह टूल मुफ़्त है?

हाँ, हमारा CSS ग्रेडिएंट जेनरेटर पूरी तरह से उपयोग करने के लिए मुफ़्त है। कोई सदस्यता नहीं है, और आपको साइन अप करने की आवश्यकता नहीं है।

क्या मैं अपने ग्रेडिएंट्स को सहेज सकता हूं?

वर्तमान में, हम किसी खाते में सहेजने का समर्थन नहीं करते हैं, लेकिन आप CSS कोड को कॉपी कर सकते हैं और इसे अपनी प्रोजेक्ट फ़ाइलों में सहेज सकते हैं।

लीनियर और रेडियल में क्या अंतर है?

रैखिक ग्रेडिएंट एक सीधी रेखा के साथ रंगों को परिवर्तित करते हैं (उदाहरण के लिए, ऊपर से नीचे), जबकि रेडियल ग्रेडिएंट एक केंद्रीय बिंदु से बाहर की ओर विकिरण करते हैं।

मैं जेनरेटेड सीएसएस का उपयोग कैसे करूं?

बस सीएसएस आउटपुट बॉक्स से कोड कॉपी करें और इसे `बैकग्राउंड` या `बैकग्राउंड-इमेज` प्रॉपर्टी के तहत अपनी स्टाइलशीट में पेस्ट करें।

क्या मैं रैखिक ढाल के कोण को समायोजित कर सकता हूँ?

हां, दिशा को डिग्री में सेट करने के लिए रोटेशन एंगल स्लाइडर या इनपुट बॉक्स का उपयोग करें (उदाहरण के लिए, बाएं से दाएं के लिए 90 डिग्री)।

क्या यह पुराने ब्राउज़रों का समर्थन करता है?

उत्पन्न कोड मानक CSS3 है। बहुत पुराने ब्राउज़र (जैसे IE9) के लिए, आपको विक्रेता उपसर्गों की आवश्यकता हो सकती है, जो यह उपकरण वर्तमान में स्वचालित रूप से नहीं जोड़ता है।

शांकव प्रवणता क्या है?

एक कॉनिक ग्रेडिएंट पाई चार्ट या रंग चक्र की तरह, एक केंद्र बिंदु के चारों ओर रंगों को घुमाता है। यह दिलचस्प पैटर्न और चार्ट बनाने के लिए उपयोगी है।