SVG वेव जनरेटर

समायोज्य कर्व तीव्रता, लेयर संख्या और ठोस या ग्रेडिएंट भराव के साथ परतदार SVG वेव आकृतियाँ बनाएँ, फिर मार्कअप कॉपी करें या .svg फ़ाइल डाउनलोड करें।

टूल लोड हो रहा है…

SVG वेव जनरेटरकर्व की तीव्रता तय करें, यह चुनें कि कितनी वेव लेयरें एक के ऊपर एक रखनी हैं, और दो रंगों के साथ ठोस भराव या ऊपर से नीचे का वर्टिकल ग्रेडिएंट चुनें। जैसे-जैसे आप नियंत्रण बदलते हैं, लाइव प्रीव्यू फिर से बनता है, रीजेनरेट बटन एक सीड से वेव आकृति को नए सिरे से व्यवस्थित करता है, और पूरा SVG मार्कअप कॉपी करने या .svg फ़ाइल के रूप में डाउनलोड करने के लिए तैयार रहता है। सब कुछ सीधे आपके ब्राउज़र में बनता है; कोई सेटिंग या छवि कभी किसी सर्वर पर नहीं भेजी जाती।

SVG वेव जनरेटर क्या है?

SVG वेव जनरेटर वेब डिज़ाइनरों और फ्रंट-एंड डेवलपरों के लिए एक मुफ़्त इन-ब्राउज़र टूल है जो पाथ हाथ से बनाए बिना चिकने, ऑर्गैनिक वेव डिवाइडर और हीरो बैकग्राउंड चाहते हैं। आप कर्व की तीव्रता तय करते हैं, एक से आठ तक लेयरें ढेर करते हैं, वेव को पलटते हैं ताकि शिखर नीचे या ऊपर की ओर हो, और इसे एकल रंग के मिश्रण या दो HEX रंगों के बीच वर्टिकल ग्रेडिएंट से भरते हैं। हर वेव एक सीड-आधारित स्यूडो-रैंडम जनरेटर से बनती है, इसलिए रीजेनरेट दबाने पर वही सेटिंग रखते हुए नई आकृति मिलती है, और आउटपुट सटीक, स्केलेबल SVG है जिसे आप किसी भी HTML पेज या डिज़ाइन फ़ाइल में पेस्ट कर सकते हैं। इसे सेक्शन डिवाइडर, फुटर, बैनर और सजावटी बैकग्राउंड के लिए इस्तेमाल करें।

SVG वेव जनरेटर का उपयोग कैसे करें

  1. कर्व की तीव्रता 0 से 100 तक सेट करें ताकि वेव शिखर कितने ऊँचे और प्रभावशाली हों, यह नियंत्रित हो।
  2. लेयरों की संख्या (1-8) चुनें; अधिक लेयरें गहराई के लिए पारभासी वेव ढेर करती हैं।
  3. वेव के शिखर को नीचे या ऊपर की ओर करने के लिए फ़्लिप का उपयोग करें।
  4. ठोस भराव और वर्टिकल ग्रेडिएंट के बीच स्विच करने और आरंभ व अंत रंग चुनने के लिए सेटिंग्स खोलें।
  5. जब तक पसंद न आए, वेव आकृति को फिर से व्यवस्थित करने के लिए रीजेनरेट दबाएँ।
  6. SVG मार्कअप कॉपी करें या wave.svg फ़ाइल सहेजने के लिए डाउनलोड पर क्लिक करें।

उदाहरण

ग्रेडिएंट सेक्शन डिवाइडर

तीव्रता लगभग 50 रखें, 3 लेयरें बनाए रखें, नीले से बैंगनी का ग्रेडिएंट भराव चुनें, और दो पेज सेक्शनों के बीच एक चिकना डिवाइडर डालने के लिए wave.svg डाउनलोड करें।

प्रभावशाली एकल-रंग हीरो वेव

तीव्रता बढ़ाएँ, लेयरें 1 पर सेट करें, ठोस भराव पर स्विच करें, और हीरो हेडलाइन के पीछे एक बड़े प्रभावशाली शिखर के लिए वेव को ऊपर की ओर पलटें।

परतदार फुटर बैकड्रॉप

कम से मध्यम तीव्रता के साथ 5-6 लेयरें इस्तेमाल करके एक नरम, ढेरदार पारभासी वेव बनाएँ जो फुटर बैकग्राउंड के रूप में अच्छी लगती है।

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

कर्व की तीव्रता क्या बदलती है?
तीव्रता (0-100) नियंत्रित करती है कि हर वेव शिखर कितना ऊपर उठता और नीचे गिरता है। कम मान कोमल लहरें देते हैं; अधिक मान ऊँचे, प्रभावशाली शिखर देते हैं। बदलते ही प्रीव्यू और SVG तुरंत अपडेट हो जाते हैं।
रीजेनरेट दबाने पर आकृति क्यों बदल जाती है?
हर वेव एक सीड-आधारित स्यूडो-रैंडम जनरेटर से बनाई जाती है। रीजेनरेट सीड को बढ़ा देता है ताकि आपको शिखरों की नई व्यवस्था मिले, जबकि तीव्रता, लेयरें, रंग और भराव बिल्कुल वैसे ही रहें जैसे आपने सेट किए थे।
ठोस और ग्रेडिएंट भराव में क्या अंतर है?
ठोस हर ढेरदार लेयर को आपके दो रंगों के बीच मिलाता है, जबकि ग्रेडिएंट सभी लेयरों पर ऊपर के पहले रंग से नीचे के दूसरे रंग तक एक ही वर्टिकल ग्रेडिएंट लागू करता है। स्विच करने और दोनों रंग चुनने के लिए सेटिंग्स खोलें।
डाउनलोड किए गए SVG का उपयोग कैसे करूँ?
आउटपुट मानक, स्केलेबल SVG मार्कअप है। इसे सीधे अपने HTML में कॉपी करें, या wave.svg डाउनलोड करें और इसे अपने डिज़ाइन टूल में आयात करें या छवि के रूप में संदर्भित करें। वेक्टर होने के कारण यह किसी भी आकार पर स्पष्ट रहता है।
क्या कुछ भी सर्वर पर अपलोड होता है?
नहीं। वेव पूरी तरह आपके ब्राउज़र में स्थानीय गणित से बनती है, और .svg डाउनलोड मेमोरी में मौजूद blob से बनाया जाता है। कोई सेटिंग, रंग या छवि कभी आपके डिवाइस से बाहर नहीं जाती, इसलिए यह ऑफ़लाइन काम करता है और आपके काम को निजी रखता है।

संबंधित टूल

कोड से इमेज

अपने ब्राउज़र में ही किसी कोड स्निपेट को सिंटैक्स-हाइलाइट की गई इमेज में बदलें — 20+ भाषाओं, कस्टम थीम व पृष्ठभूमियों, लाइन नंबरों और PNG या SVG निर्यात के साथ।

रंग कंट्रास्ट चेकर

टेक्स्ट और बैकग्राउंड रंग के बीच WCAG 2.1 कंट्रास्ट और APCA Lc स्कोर जाँचें, AA, AAA और 3:1 बैज देखें और निकटतम पास होने वाला रंग लागू करें।

कलर मिक्सर

RGB या Lab कलर स्पेस में चुने गए अनुपात पर दो HEX रंगों को मिलाएँ और परिणामी मध्य रंग को एक स्वैच और कॉपी करने योग्य HEX मान के रूप में पढ़ें।

कलर शेड्स जेनरेटर

एक बेस HEX रंग को समायोज्य चरणों, प्रति-चरण WCAG कंट्रास्ट संकेतों और CSS, Tailwind व JSON निर्यात के साथ OKLCH, HSL या RGB स्केल में बदलें।