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

दो या तीन कलर स्टॉप के साथ सुंदर लीनियर और रेडियल CSS ग्रेडिएंट बनाएँ। वास्तविक समय में पूर्वावलोकन करें और CSS तुरंत कॉपी करें। कोई साइन-अप नहीं, पूरी तरह क्लाइंट-साइड।

सेकंडों में एक ग्रेडिएंट बनाएँ। दो या तीन रंग चुनें, लीनियर या रेडियल चुनें, कोण सेट करें, और पेस्ट-तैयार CSS कॉपी करें। सब कुछ आपके ब्राउज़र में चलता है — कुछ भी अपलोड नहीं होता।

जैसे ही आप रंग बदलते हैं, लाइव पूर्वावलोकन अपडेट होता है।

CSS ग्रेडिएंट के बारे में

लीनियर बनाम रेडियल

एक लीनियर ग्रेडिएंट दिए गए कोण पर एक सीधी रेखा के साथ बहता है। एक रेडियल ग्रेडिएंट केंद्र बिंदु से एक वृत्त में निकलता है।

ग्रेडिएंट कहाँ चमकते हैं

वे बटन, हीरो सेक्शन, कार्ड और बैकग्राउंड में अतिरिक्त छवि संपत्तियों के बिना गहराई जोड़ते हैं — पेजों को हल्का और तेज़ रखते हुए।

chroma.js के साथ निर्मित, एक BSD लाइसेंस के तहत ओपन-सोर्स लाइब्रेरी।

FAQ

क्या मैं तीन से अधिक रंग उपयोग कर सकता हूँ?
यह उपकरण अधिकतम तीन स्टॉप का समर्थन करता है। अधिक के लिए, आप अतिरिक्त कलर मानों के साथ जेनरेट किए गए CSS को मैन्युअल रूप से विस्तारित कर सकते हैं।
क्या कोण रेडियल ग्रेडिएंट के लिए मायने रखता है?
नहीं — कोण केवल लीनियर ग्रेडिएंट पर लागू होता है। रेडियल ग्रेडिएंट केंद्र से समान रूप से फैलते हैं।
क्या मेरी छवि या रंग डेटा अपलोड किया जाता है?
नहीं। सभी प्रोसेसिंग स्थानीय रूप से आपके ब्राउज़र में होती है।