ज्यादातर ग्रेडिएंट टूल आपको सिर्फ CSS की एक लाइन देकर छोड़ देते हैं। यह टूल ग्रेडिएंट को असली कैनवस पर बनाता है और आपको ठीक उसी पिक्सेल साइज़ में तैयार PNG डाउनलोड करने देता है, जिसकी आपको जरूरत है - फोन वॉलपेपर, 1920x1080 डेस्कटॉप बैकग्राउंड, स्क्वेयर सोशल पोस्ट या कोई भी कस्टम डाइमेंशन। कुछ भी अपलोड नहीं होता: इमेज पूरी तरह आपकी डिवाइस पर ही बनती और सेव होती है, इसलिए आपके रंग और फाइलें प्राइवेट रहती हैं।
मुफ्त ग्रेडिएंट जेनरेटर
पूरी तरह आपके ब्राउज़र में चलता है - न कुछ अपलोड, न साइन-अप।
टाइप
इमेज साइज़
px
कलर स्टॉप
असली PNG सेव करता है इस साइज़ में 1920×1080 px
ग्रेडिएंट जेनरेटर क्या है?
ग्रेडिएंट जेनरेटर एक ऐसा टूल है जो दो या उससे ज्यादा रंगों को मिलाकर एक स्मूद ग्रेडिएंट बनाता है और उसे डाउनलोड करने लायक इमेज के रूप में एक्सपोर्ट करता है। अपने रंग और स्टॉप चुनें, लीनियर या रेडियल चुनें, साइज़ सेट करें, और वॉलपेपर, बैकग्राउंड, बैनर या थंबनेल के लिए PNG सेव करें। यह सब कुछ आपके ब्राउज़र में ही होता है।
कैसे इस्तेमाल करें
- 1लीनियर या रेडियल चुनें. लीनियर आपके तय किए गए एंगल पर एक सीधी लाइन के साथ रंगों को मिलाता है; रेडियल केंद्र से बाहर की ओर गोल आकार में रंग फैलाता है।
- 2अपने रंग और स्टॉप सेट करें. रंग चुनने के लिए किसी स्वैच पर क्लिक करें और स्टॉप को खिसकाने के लिए उसका स्लाइडर खींचें। 8 स्टॉप तक जोड़ें या घटाकर 2 करें, और झट से कोई आइडिया पाने के लिए Randomize दबाएं।
- 3इमेज का साइज़ चुनें. किसी प्रीसेट (डेस्कटॉप, फोन, स्क्वेयर, सोशल) पर टैप करें या पिक्सेल में कस्टम चौड़ाई और ऊंचाई टाइप करें। प्रीव्यू तुरंत अपडेट हो जाता है।
- 4PNG डाउनलोड करें. ग्रेडिएंट को पूरे रेजोल्यूशन में इमेज के रूप में सेव करने के लिए Download PNG पर क्लिक करें, या कोड में उसी ग्रेडिएंट को दोबारा इस्तेमाल करने के लिए CSS कॉपी करें।
किसके लिए है
- डिज़ाइनर और कंटेंट क्रिएटर जिन्हें स्लाइड, थंबनेल, बैनर या स्टोरी के लिए Photoshop खोले बिना साफ-सुथरी ग्रेडिएंट बैकग्राउंड इमेज चाहिए।
- फोन और डेस्कटॉप यूज़र जो अपनी स्क्रीन के ठीक रेजोल्यूशन के हिसाब से कस्टम ग्रेडिएंट वॉलपेपर बना रहे हैं।
- डेवलपर जिन्हें हल्का-फुल्का ग्रेडिएंट PNG प्लेसहोल्डर या हीरो इमेज चाहिए, साथ ही उसे कोड में दोबारा बनाने के लिए मिलती-जुलती CSS भी।
- सोशल मीडिया मैनेजर जो पोस्ट, स्टोरी और कवर इमेज के लिए सही साइज़ में ब्रांड के अनुसार ग्रेडिएंट बैकग्राउंड एक्सपोर्ट कर रहे हैं।
अक्सर पूछे जाने वाले सवाल
क्या यह ग्रेडिएंट जेनरेटर मुफ्त है?
हां - 100% मुफ्त, बिना साइन-अप, बिना वॉटरमार्क और बिना किसी लिमिट के। जितनी चाहें उतनी ग्रेडिएंट इमेज बनाएं और डाउनलोड करें।
क्या कुछ भी सर्वर पर अपलोड होता है?
नहीं। ग्रेडिएंट को कैनवस का इस्तेमाल करके पूरी तरह आपके ब्राउज़र में बनाया और सेव किया जाता है। कोई भी रंग, इमेज या इस्तेमाल का डेटा कहीं नहीं भेजा जाता।
यह किस इमेज फॉर्मेट में एक्सपोर्ट करता है?
यह PNG एक्सपोर्ट करता है, जो ग्रेडिएंट को बिना किसी कंप्रेशन आर्टिफैक्ट के पूरी तरह स्मूद और लॉसलेस बनाए रखता है। फाइल आपके तय किए गए पूरे पिक्सेल साइज़ में सेव होती है, जो वॉलपेपर, बैकग्राउंड या अपलोड के लिए इस्तेमाल के लिए तैयार होती है।
ग्रेडिएंट वॉलपेपर के लिए कौन सा साइज़ बनाना चाहिए?
अपनी स्क्रीन से मैच करें। आम चुनाव हैं ज्यादातर डेस्कटॉप के लिए 1920x1080, पोर्ट्रेट में फोन के लिए 1080x1920, और स्क्वेयर सोशल पोस्ट के लिए 1080x1080। आप 8000 पिक्सेल तक कोई भी कस्टम चौड़ाई और ऊंचाई भी डाल सकते हैं।
लीनियर और रेडियल ग्रेडिएंट में क्या फर्क है?
लीनियर ग्रेडिएंट आपके चुने हुए एंगल पर एक सीधी लाइन के साथ रंगों को मिलाता है, इसलिए इमेज में रंग एक दिशा में बदलता है। रेडियल ग्रेडिएंट एक केंद्र बिंदु से शुरू होकर गोल आकार में बाहर की ओर फैलता है, इसलिए रंग बीच से किनारों की तरफ बदलता है।
क्या मुझे इमेज के साथ-साथ CSS भी मिल सकता है?
हां। डाउनलोड होने लायक PNG के साथ-साथ, यह टूल मिलती-जुलती background-image CSS भी दिखाता है। इमेज फाइल इस्तेमाल करने के बजाय वेबसाइट या ऐप में वही ग्रेडिएंट दोबारा बनाने के लिए इसे कॉपी करें।
कलर स्टॉप कैसे काम करते हैं?
हर स्टॉप एक रंग को ग्रेडिएंट के 0% से 100% के बीच किसी पोजीशन के साथ जोड़ता है। पास-पास के स्टॉप के बीच यह मिश्रण स्मूदली चलता है। एक ही पोजीशन पर दो स्टॉप रखने से हल्के मिश्रण की बजाय एक सख्त किनारा बनता है, जो स्ट्राइप या कलर-ब्लॉक बैकग्राउंड के लिए काम आता है।