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

दो रंग चुनें, दिशा तय करें और इस्तेमाल के लिए तैयार CSS ग्रेडिएंट कॉपी करें.

आपके डिवाइस पर · खाते की ज़रूरत नहीं

CSS ग्रेडिएंट जनरेटर आपके इनपुट को इसी ब्राउज़र में प्रोसेस करता है. इनपुट और परिणाम एनालिटिक्स में शामिल नहीं होते. हाल में इस्तेमाल किए गए टूल की सूची में टूल के नाम, इस्तेमाल की संख्या और पिछली बार खोलने का समय सहेजा जाता है. सहेजे गए टूल की सूची में सिर्फ़ उनके नाम रहते हैं. ड्राफ़्ट सहेजना वैकल्पिक है और ड्राफ़्ट इसी डिवाइस पर रहता है; सहेजा हुआ टेक्स्ट ड्राफ़्ट के नियंत्रणों से मिटाएँ. URL से टेक्स्ट लोड करना वैकल्पिक है और ऐसा करने पर उस सर्वर से संपर्क होता है; सर्वर को उसका URL और आपका IP पता दिखाई देते हैं. वैकल्पिक “इसमें इस्तेमाल करें” कार्रवाई से अगले टूल को देने वाला डेटा इसी टैब में रहता है. अगला टूल खुलते ही उसे हटा देता है और एक मिनट से अधिक बीतने पर उसे इस्तेमाल नहीं करता.

“लिंक कॉपी करें” में साझा करने के लिए चुने गए इनपुट लिंक के पते में शामिल होते हैं. उस लिंक से कोई भी उन्हें फिर खोल सकता है. फ़ाइलें और बनाए गए परिणाम शामिल नहीं होते. पासवर्ड और कुंजी वाले टूल सिर्फ़ सेटिंग साझा करते हैं.

दिशा और आकार

आपका नतीजा

Enter your values.

और
कीबोर्ड शॉर्टकट

लिंक और रीसेट के बारे में

लिंक में आपके इनपुट और सेटिंग शामिल होते हैं. जिसके पास लिंक होगा, वह इन्हें देख सकता है, इसलिए निजी टेक्स्ट शामिल न करें. फ़ाइलें और तैयार नतीजे शामिल नहीं होते; रैंडम चयन दोबारा होता है.

रीसेट करने पर टूल शुरुआती मानों के साथ दोबारा लोड होता है और खुली फ़ाइलों व डिवाइस के नियंत्रण को छोड़ देता है. सहेजे गए ड्राफ़्ट आपके मिटाने तक इसी डिवाइस पर रहते हैं.

अपने रंगों से CSS ग्रेडिएंट बनाएँ

लीनियर ग्रेडिएंट चुने गए CSS कोण की दिशा में पहले कलर स्टॉप से आखिरी तक रंग मिलाता है. रेडियल मोड में ग्रेडिएंट केंद्र से फैलता है. डिक्लेरेशन को सीधे background प्रॉपर्टी में कॉपी करें.

अगला: फोटो से रंग चुनें

उदाहरण

डिफ़ॉल्ट सेटिंग से linear-gradient(90deg, #0B7285 0%, #FF6B5E 100%) बनता है, जो बाएँ से दाएँ जाता है.

नतीजे का इस्तेमाल करने से पहले

प्रीव्यू आपके ब्राउज़र की CSS रेंडरिंग इस्तेमाल करता है. ब्राउज़र के बाहर डिज़ाइन सॉफ़्टवेयर में कलर स्टॉप और रंगों का इंटरपोलेशन अलग दिख सकता है.

अगला: फोटो का साइज बदलें

इस पेज का संदर्भ दें

ToolOctopus. “CSS ग्रेडिएंट जनरेटर.” अपडेट किया गया 7 अक्टूबर 2026. https://tooloctopus.com/hi/css-ग्रेडिएंट-जनरेटर.

अगर आपके निर्देशों में ज़रूरी हो, तो पेज देखने की तारीख भी जोड़ें.

संदर्भों का प्रारूप बनाने के लिए Frank Bennett की citeproc-js लाइब्रेरी और Citation Style Language की शैलियों का इस्तेमाल होता है. लाइसेंस और सोर्स कोड.

टूल खोजें

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.