सभी कलर टूल्स

लगभग 2,000 डिज़ाइनों से सीमलेस SVG बैकग्राउंड पैटर्न बनाएँ: रंग, ज़ूम, अंतराल और कोण बदलें, फिर CSS कॉपी करें या SVG, PNG अथवा WebP डाउनलोड करें।

निःशुल्क

1पैटर्न चुनें

आपका शीर्षक यहाँ

देखें कि पैटर्न असली कंटेंट के पीछे कैसा दिखता है।

शुरू करें
पैटर्न

संग्रह के अनुसार देखें


पैटर्न जनरेटर के बारे में

पैटर्न जनरेटर लगभग 2,000 तैयार डिज़ाइनों को ऐसे बैकग्राउंड में बदल देता है जिन्हें आप अपने हिसाब से ढालकर तुरंत इस्तेमाल कर सकते हैं। लहरों, पोल्का डॉट्स और टेसेलेशन से लेकर टार्टन, जापानी सेइगाइहा, इस्लामी सितारों, आर्ट डेको पंखों, पिक्सेल स्प्राइट और कैमोफ़्लाज तक, 14 संग्रह देखें और हर डिज़ाइन को अपने रंगों में परखें।

हर डिज़ाइन वेक्टर आर्ट के रूप में बना है और किसी भी ज़ूम व किसी भी कोण पर बिना दिखाई देने वाले जोड़ के दोहराया जाता है। छह तक रंग, ज़ूम, स्थिति, अंतराल, रेखा की मोटाई और कोण बदलें, भरी हुई आकृतियों को आउटलाइन बना दें, या पैटर्न को लूप वाले एनिमेशन के साथ चलने दें। स्थलाकृतिक नक्शे, वोरोनोई कोशिकाओं और ट्रूशे टाइलों जैसे जनरेटिव पैटर्न हर क्लिक पर नया वेरिएशन दे सकते हैं।

जब नतीजा सही लगे, तो उसे CSS, SCSS, Tailwind कॉन्फ़िग, इनलाइन SVG, डेटा URI या React कॉम्पोनेंट के रूप में कॉपी करें, या 8000 पिक्सेल तक किसी भी आकार में SVG, PNG, JPG अथवा WebP डाउनलोड करें, जिसमें आपके अपने रिपीट के लिए एक अकेली टाइल भी शामिल है। सब कुछ आपके ब्राउज़र में चलता है: कुछ भी अपलोड नहीं होता और अकाउंट की ज़रूरत नहीं है।

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

  1. पैटर्न चुनें: नाम से खोजें, या संग्रह और रंगों की संख्या से फ़िल्टर करें।
  2. कलर पिकर, तैयार पैलेट या “नया पैलेट” से रंग चुनें।
  3. ज़ूम, स्थिति, अंतराल, रेखा की मोटाई और कोण समायोजित करें। “प्रेरणा दें” दबाने से पहले अपनी पसंद का कोई भी मान लॉक कर दें।
  4. “टाइल दिखाएँ”, “पेज पर” और “टेक्स्ट में” प्रीव्यू से इसे जाँच लें।
  5. कोड कॉपी करें या फ़ाइल डाउनलोड करें, और बाद में ठीक इसी पैटर्न पर लौटने के लिए “लिंक कॉपी करें” का उपयोग करें।

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

हाँ। यह टूल मुफ़्त है, इसमें न साइन-अप चाहिए और न कोई सीमा है: हर पैटर्न आपके ब्राउज़र में बनता है, इसलिए कोई फ़ाइल सर्वर पर नहीं भेजी जाती।

हाँ। आप एक्सपोर्ट किए गए पैटर्न का उपयोग व्यक्तिगत और व्यावसायिक कार्यों में कर सकते हैं, जैसे वेबसाइट, ऐप, पैकेजिंग और प्रिंट, और इसके लिए श्रेय देना ज़रूरी नहीं है।

नहीं। टाइल के किनारे को पार करने वाली हर आकृति सामने वाले किनारे पर दोबारा बनाई जाती है, इसलिए रिपीट सीमलेस रहता है। टाइल कहाँ शुरू और खत्म होती है, यह ठीक से देखने के लिए “टाइल दिखाएँ” प्रीव्यू का उपयोग करें।

CSS सबसे आसान है: नियम को अपनी स्टाइलशीट में पेस्ट करें और किसी भी एलिमेंट पर लगाएँ। 0, 90, 180 या 270 डिग्री पर यह background-size के साथ एक छोटी टाइल इस्तेमाल करता है; दूसरे कोणों पर यह एलिमेंट को भरने वाला SVG इस्तेमाल करता है। Tailwind, SCSS, React और डेटा URI संस्करणों में वही पैटर्न होता है।

एनिमेशन SVG में ही बना होता है, इसलिए इसे किसी स्क्रिप्ट की ज़रूरत नहीं होती और यह आधुनिक ब्राउज़रों में CSS बैकग्राउंड के रूप में भी चलता है। जिन ब्राउज़रों को आप सपोर्ट करते हैं, उनमें इसे जाँच लें। PNG, JPG और WebP फ़ाइलें इमेज ही रहती हैं, इसलिए उनमें केवल पहला फ़्रेम रहता है।

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

हाँ, लगभग हर पैटर्न पर: “पारदर्शी बैकग्राउंड” चालू करें और CSS, SVG, PNG या WebP के रूप में एक्सपोर्ट करें। कुछ ओवरलैपिंग डिज़ाइन आकृतियों को बैकग्राउंड के रंग से छिपाते हैं, इसलिए उन्हें ठोस बैकग्राउंड चाहिए। JPG फ़ाइलें पारदर्शिता सपोर्ट नहीं करतीं।

इसे साझा करें

लोकप्रिय खोजें
svg पैटर्न जनरेटर सीमलेस पैटर्न जनरेटर css बैकग्राउंड पैटर्न रिपीटिंग पैटर्न मेकर मुफ़्त बैकग्राउंड पैटर्न ज्यामितीय पैटर्न जनरेटर tailwind बैकग्राउंड पैटर्न सीमलेस टाइल png
मदद चाहिए?
इस टूल में कोई समस्या मिली? हमारी टीम को बताएं।
समस्या की रिपोर्ट करें

इस मुफ़्त टूल को अपनी वेबसाइट पर जोड़ें: नीचे दिया गया कोड कॉपी और पेस्ट करें।