Skip to main content

SVG पैटर्न जनरेटर

दोहराने योग्य SVG टाइल पैटर्न जनरेट करें। पैटर्न प्रकार, रंग और आकार को कस्टमाइज़ करें, फिर कोड एक्सपोर्ट करें।

#6366f1
#ffffff

प्रीव्यू

SVG कोड

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="custom-pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
      <rect width="40" height="40" fill="#ffffff" />
      <circle cx="20" cy="20" r="7" fill="#6366f1" />
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#custom-pattern)" />
</svg>
इस टूल को शेयर करें
📖

उपयोग कैसे करें

Step 1

पैटर्न चुनें

पैटर्न चुनें

पैटर्न श्रेणी चुनें: ज्यामितीय, जापानी, आधुनिक आदि

Step 2

कस्टमाइज़ करें

कस्टमाइज़ करें

रंग, आकार, अंतराल, रोटेशन आदि समायोजित करें

Step 3

SVG कॉपी करें

SVG कॉपी करें

SVG कोड कॉपी करें या इमेज के रूप में डाउनलोड करें

विशेषताएँ

रियल-टाइम प्रीव्यू

पैरामीटर बदलते ही रियल-टाइम में पैटर्न का प्रीव्यू देखें

समृद्ध टेम्पलेट

कई टेम्पलेट: ज्यामितीय, डॉट, रेखाएं, जापानी पैटर्न और अन्य

सीमलेस टाइलिंग

जनरेट किए गए पैटर्न बिना दृश्य सीम के सीमलेस रूप से टाइल होते हैं

FAQ

SVG <pattern> एलिमेंट का उपयोग करने वाले दोहराने योग्य वेक्टर पैटर्न। बैकग्राउंड या फ़िल के रूप में उपयोग किए जा सकते हैं।

🔗संबंधित टूल

🎨
डिज़ाइन टूल्स

रंग कोड कनवर्टर

HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।

🎨
डिज़ाइन टूल्स

रंग चयनकर्ता

कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।

🎨
डिज़ाइन टूल्स

इमेज रंग एक्सट्रैक्टर

इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।

🎯
डिज़ाइन टूल्स

इमेज औसत रंग पिकर

पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।

🌈
डिज़ाइन टूल्स

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

ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।

🔲
डिज़ाइन टूल्स

CSS बॉक्स शैडो जनरेटर

स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।