सुंदर ग्रेडिएंट डिज़ाइन करें और सीएसएस या छवियों के रूप में निर्यात करें
आपके लिए आवश्यक सटीक ग्रेडिएंट बनाने के लिए रंग चुनें, स्टॉप जोड़ें और कोण या केंद्र बिंदु को समायोजित करें। उपकरण असीमित रंग स्टॉप के साथ रैखिक, रेडियल और शंकु ग्रेडिएंट का समर्थन करता है। अपनी स्टाइलशीट के लिए सीएसएस कोड कॉपी करें या डिज़ाइन परियोजनाओं में उपयोग के लिए ग्रेडिएंट को उच्च-रिज़ॉल्यूशन पीएनजी के रूप में डाउनलोड करें।
इस टूल का निःशुल्क उपयोग करेंBrowser tool
Gradient generator
Create CSS gradients, preview them live, and export a PNG locally in your browser.
background-image: linear-gradient(90deg, rgba(255, 56, 56, 1) 0%, rgba(124, 58, 237, 1) 100%);Starter palettes
का उपयोग कैसे करें
ग्रेडिएंट प्रकार चुनें
रैखिक, रेडियल या शंकु का चयन करें। रैखिक के लिए, कोण सेट करें; रेडियल के लिए, केंद्र बिंदु और आकार सेट करें।
रंग जोड़ें और समायोजित करें
रंग स्टॉप जोड़ने के लिए ग्रेडिएंट बार पर क्लिक करें। स्थिति बदलने के लिए खींचें, रंग बदलने के लिए डबल-क्लिक करें और प्रत्येक स्टॉप के लिए अपारदर्शिता समायोजित करें।
सीएसएस कॉपी करें या डाउनलोड करें
वेब उपयोग के लिए जेनरेट किए गए सीएसएस कोड को कॉपी करें, या एक रिज़ॉल्यूशन सेट करें और ग्रेडिएंट को पीएनजी छवि के रूप में डाउनलोड करें।
विशेषताएँ
तीन ग्रेडिएंट प्रकार
किसी भी कोण के साथ रैखिक ग्रेडिएंट, समायोज्य केंद्र और आकार के साथ रेडियल ग्रेडिएंट, या एक बिंदु के चारों ओर घूमने वाले शंकु ग्रेडिएंट बनाएं। प्रकारों और पूर्वावलोकन अपडेट के बीच तुरंत स्विच करें।
असीमित रंग रुकता है
ग्रेडिएंट बार के साथ जितनी आवश्यकता हो उतने रंग स्टॉप जोड़ें। उनका स्थान बदलने के लिए स्टॉप को खींचें, रंग बदलने के लिए डबल-क्लिक करें, या हटाने के लिए राइट-क्लिक करें। प्रत्येक स्टॉप अर्ध-पारदर्शी ग्रेडिएंट्स के लिए अपारदर्शिता का समर्थन करता है।
सीएसएस कोड आउटपुट
उपकरण विक्रेता उपसर्गों के साथ वैध सीएसएस पृष्ठभूमि-छवि कोड उत्पन्न करता है। कोड को कॉपी करें और सीधे अपनी स्टाइलशीट में पेस्ट करें। जैसे ही आप ग्रेडिएंट संपादित करते हैं, आउटपुट वास्तविक समय में अपडेट हो जाता है।
पीएनजी छवि निर्यात
किसी भी रिज़ॉल्यूशन पर ग्रेडिएंट को पीएनजी के रूप में डाउनलोड करें - 100 पीएक्स थंबनेल से 4000 पीएक्स बैनर तक। उन टूल में पृष्ठभूमि, ओवरले या डिज़ाइन तत्व के रूप में छवि का उपयोग करें जो सीएसएस ग्रेडिएंट का समर्थन नहीं करते हैं।
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhanceविशेष विवरण
| ग्रेडियेंट प्रकार | रैखिक, रेडियल, शंकुधारी |
| रंग रुक जाता है | असीमित |
| कोण सीमा | 0-360° |
| सीएसएस आउटपुट | मानक + विक्रेता उपसर्ग |
| पीएनजी निर्यात | 4000 × 4000 px तक |
| प्रसंस्करण | क्लाइंट-साइड (तत्काल) |
Related Magic Eraser Tools
सामान्य प्रश्न
क्या मैं पारदर्शिता के साथ एक ग्रेडिएंट बना सकता हूँ?
+
हाँ। प्रत्येक रंग स्टॉप में एक अपारदर्शिता स्लाइडर होता है। ग्रेडिएंट में अर्ध-पारदर्शी क्षेत्र बनाने के लिए अपारदर्शिता को 100% से नीचे सेट करें। सीएसएस आउटपुट आरजीबीए मानों का उपयोग करता है और पीएनजी निर्यात अल्फा चैनल को संरक्षित करता है।
शंकु ढाल क्या है?
+
एक शंकुवत् ढाल एक केंद्र बिंदु के चारों ओर रुकने वाले रंगों को विकिरित करती है, जैसे घड़ी की सुई की गति। यह पाई-चार्ट-शैली प्रभावों, रंगीन पहियों और सजावटी पृष्ठभूमि के लिए उपयोगी है। आधुनिक ब्राउज़रों में ब्राउज़र समर्थन उत्कृष्ट है.
क्या मैं किसी भी ढांचे में जेनरेटेड सीएसएस का उपयोग कर सकता हूं?
+
हाँ। आउटपुट मानक सीएसएस है जो सादे HTML, रिएक्ट, वीयू, टेलविंड और किसी भी अन्य ढांचे में काम करता है जो इनलाइन या स्टाइलशीट-आधारित सीएसएस का समर्थन करता है।
फ़ोटो के ऊपर ग्रेडिएंट की आवश्यकता है?
AI Enhance आपकी तस्वीरों के रंग टोन और रोशनी को समायोजित कर सकता है, और हमारा इमेज ओवरले टूल आपको एक बेहतर लुक के लिए किसी भी छवि के शीर्ष पर एक ग्रेडिएंट को मिश्रित करने की सुविधा देता है।
मुफ्त में आजमाएंMore free tools
Explore our other limited free edits after sign-in photo and image tools.
HEX, RGB, HSL, HSB, CMYK और CSS नामित प्रारूपों के बीच रंगों को परिवर्तित करें। लाइव पूर्वावलोकन देखें, कोई भी मान कॉपी करें और एक रंगीन कार्ड निर्यात करें। किसी साइनअप की आवश्यकता नहीं.
HEX रंग कोड को RGB मान में बदलें और इसके विपरीत। लाइव पूर्वावलोकन, एक-क्लिक कॉपी और सीएसएस स्निपेट आउटपुट। किसी साइनअप की आवश्यकता नहीं - आपके ब्राउज़र में काम करता है।
अपलोड की गई छवि से कोई भी रंग चुनें और उसके HEX, RGB और HSL कोड तुरंत प्राप्त करें। वेब डिज़ाइन, ब्रांडिंग और चित्रण के लिए फ़ोटो से पैलेट बनाएं।
एक फोटो अपलोड करें और HEX, RGB और HSL कोड के साथ 5-10 प्रमुख रंग निकालें। नमूने कॉपी करें, एएसई या सीएसएस चर के रूप में निर्यात करें। किसी साइनअप की आवश्यकता नहीं.
यूआरएल, टेक्स्ट, वाईफाई क्रेडेंशियल और वीकार्ड के लिए क्यूआर कोड जेनरेट करें। रंग अनुकूलित करें, बीच में लोगो जोड़ें और पीएनजी या एसवीजी के रूप में डाउनलोड करें। किसी साइनअप की आवश्यकता नहीं.
छवियों और वीडियो के लिए चौड़ाई, ऊंचाई या पहलू अनुपात की गणना करें। कोई भी दो मान दर्ज करें और तीसरा प्राप्त करें। सोशल मीडिया, फ़िल्म और प्रिंट के लिए पूर्व निर्धारित अनुपात। किसी साइनअप की आवश्यकता नहीं.