मैं CSS कैसे इस्तेमाल करूं?

इसे उस एलिमेंट के नियम में पेस्ट करें जिसे रंगना है। पहली लाइन एक सादा फ़ॉलबैक रंग है; दूसरी ग्रेडिएंट है।

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

लीनियर एक सीधी लाइन में रंग मिलाता है, रेडियल बीच से बाहर की ओर फैलता है, और कोनिक कलर व्हील की तरह बीच के चारों ओर घूमता है।

क्या मैं ट्रांसपेरेंसी इस्तेमाल कर सकता हूं?

हां। किसी स्टॉप में rgba(47, 91, 255, 0.5) जैसा रंग लिखें।

क्या कुछ अपलोड होता है?

नहीं। ग्रेडिएंट आपके डिवाइस पर ही बनते हैं।

क्या CSS ग्रेडिएंट जनरेटर मुफ़्त है?

हां। इसका इस्तेमाल मुफ़्त है, बिना साइन-अप और बिना कुछ इंस्टॉल किए।

कलर टूल्स

CSS ग्रेडिएंट जनरेटर: लीनियर, रेडियल और कोनिक – मुफ़्त

मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है। 8 तक कलर स्टॉप के साथ लीनियर, रेडियल या कोनिक ग्रेडिएंट डिज़ाइन करें, उसे लाइव देखें, और CSS कॉपी करें। इसे आम साइज़ में PNG बैकग्राउंड के रूप में डाउनलोड करें।

टाइप

लीनियररेडियलकोनिक

दिशा 135°

कलर स्टॉप

पोज़िशन0%
पोज़िशन100%

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

इमेज का साइज़

पहली लाइन बहुत पुराने डिवाइस के लिए एक ठोस रंग है, जो ग्रेडिएंट नहीं दिखा सकते।

किसी प्रीसेट से शुरू करें

आपके डिवाइस पर बना।

CSS ग्रेडिएंट जनरेटर क्यों इस्तेमाल करें

100% मुफ़्त: जितनी बार चाहें इस्तेमाल करें। न साइन-अप, न वॉटरमार्क, न कुछ इंस्टॉल करना।
शुरू से ही प्राइवेट: आप जो टाइप करते हैं वह आपके ब्राउज़र में ही रहता है और हमें कभी नहीं भेजा जाता।
हर डिवाइस पर चलता है: Windows, Mac, Linux, Android और iPhone पर आपके ब्राउज़र में चलता है। कोई ऐप नहीं चाहिए।

CSS ग्रेडिएंट जनरेटर कैसे इस्तेमाल करें

लीनियर, रेडियल या कोनिक चुनें, और दिशा सेट करें।
रंग चुनें और हर स्टॉप को खींचकर सही जगह पर रखें।
CSS कॉपी करें या ग्रेडिएंट को इमेज के रूप में डाउनलोड करें।

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

मैं CSS कैसे इस्तेमाल करूं?: इसे उस एलिमेंट के नियम में पेस्ट करें जिसे रंगना है। पहली लाइन एक सादा फ़ॉलबैक रंग है; दूसरी ग्रेडिएंट है।
लीनियर, रेडियल और कोनिक में क्या फ़र्क है?: लीनियर एक सीधी लाइन में रंग मिलाता है, रेडियल बीच से बाहर की ओर फैलता है, और कोनिक कलर व्हील की तरह बीच के चारों ओर घूमता है।
क्या मैं ट्रांसपेरेंसी इस्तेमाल कर सकता हूं?: हां। किसी स्टॉप में rgba(47, 91, 255, 0.5) जैसा रंग लिखें।
क्या कुछ अपलोड होता है?: नहीं। ग्रेडिएंट आपके डिवाइस पर ही बनते हैं।
क्या CSS ग्रेडिएंट जनरेटर मुफ़्त है?: हां। इसका इस्तेमाल मुफ़्त है, बिना साइन-अप और बिना कुछ इंस्टॉल किए।

मदद और हाउ-टू गाइड (अंग्रेज़ी में)

Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.