बैकग्राउंड पैटर्न जनरेटर
सीमलेस बैकग्राउंड पैटर्न बनाएं: डॉट्स, ग्रिड, स्ट्राइप्स, चेकर, ज़िगज़ैग, वेव्स, त्रिकोण, प्लस, षट्भुज, वृत्त, डायमंड और ईंटें। CSS, SVG या PNG में।
पैटर्न जनरेटर लोड हो रहा है…
आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
पैटर्न जनरेटर का इस्तेमाल कैसे करें
- 1
इस पेज पर पैटर्न जनरेटर खोलें। यह सीधे आपके ब्राउज़र में लोड होता है।
- 2
अपनी फ़ाइल, टेक्स्ट या वैल्यू जोड़ें और सेटिंग बदलें।
- 3
नतीजा कॉपी या डाउनलोड करें। कुछ भी अपलोड या स्टोर नहीं होता।
इस टूल के बारे में
हल्के पैटर्न वेबसाइट सेक्शन, स्लाइड, मॉकअप और सोशल ग्राफ़िक्स में फ़ोटो के भारीपन के बिना टेक्सचर जोड़ते हैं। यह पैटर्न जनरेटर बारह क्लासिक डिज़ाइनों से सीमलेस, दोहराए जाने वाले बैकग्राउंड बनाता है। साइज़, मोटाई, ओपेसिटी और रंग बदलें, टाइल को लाइव दोहराते हुए देखें, और CSS बैकग्राउंड कॉपी करें या पैटर्न को इमेज के रूप में डाउनलोड करें।
उपलब्ध पैटर्न
डॉट्स, ग्रिड, स्ट्राइप्स, चेकर, ज़िगज़ैग, वेव्स, त्रिकोण, प्लस चिह्न, षट्भुज, वृत्त, डायमंड और ईंटें।
पैटर्न कैसे बनाएं
- कोई पैटर्न स्टाइल चुनें, या सरप्राइज़ के लिए Random पर क्लिक करें।
- साइज़, लाइन की मोटाई और ओपेसिटी सेट करें।
- फ़ोरग्राउंड और बैकग्राउंड रंग चुनें।
- अपनी स्टाइलशीट के लिए CSS background कॉपी करें, या SVG या PNG टाइल डाउनलोड करें।
पैटर्न का सही इस्तेमाल
- टेक्स्ट के पीछे कॉन्ट्रास्ट कम रखें: बैकग्राउंड से कुछ ही शेड अलग पैटर्न पढ़ने में बाधा डाले बिना टेक्सचर जोड़ता है।
- वेबसाइट पर SVG या CSS इस्तेमाल करें: दोनों बहुत छोटे होते हैं और हर स्क्रीन पर शार्प दिखते हैं।
- माध्यम के हिसाब से स्केल करें: पोस्टर और स्लाइड के लिए बड़े और गहरे पैटर्न, वेब सेक्शन के लिए बारीक।
- पैटर्न को किनारों की ओर फ़ेड करने के लिए ग्रेडिएंट ओवरले के साथ मिलाएं।
आइडिया
- हीरो और फ़ुटर सेक्शन के बैकग्राउंड।
- ब्लॉग हेडर इमेज और YouTube थंबनेल।
- प्रेज़ेंटेशन स्लाइड और इवेंट बैज।
- रैपिंग पेपर, स्टिकर और प्रिंटेड बैकग्राउंड (बड़ा PNG या SVG डाउनलोड करें)।
अलग आकृतियों के लिए ब्लॉब जनरेटर आज़माएं; स्मूद रंगीन बैकग्राउंड के लिए CSS ग्रेडिएंट जनरेटर।
अक्सर पूछे जाने वाले सवाल
क्या पैटर्न सीमलेस हैं?
हां। हर पैटर्न एक टाइल है जो हर दिशा में बिना दिखने वाले जोड़ के दोहराई जाने के लिए बनाई गई है।
अपनी वेबसाइट पर पैटर्न कैसे इस्तेमाल करूं?
CSS बैकग्राउंड कॉपी करें और किसी भी एलिमेंट की स्टाइल में पेस्ट करें, या SVG डाउनलोड करके उसे background-image के रूप में इस्तेमाल करें।
कौन से पैटर्न स्टाइल शामिल हैं?
डॉट्स, ग्रिड, स्ट्राइप्स, चेकर, ज़िगज़ैग, वेव्स, त्रिकोण, प्लस, षट्भुज, वृत्त, डायमंड और ईंटें।
क्या पैटर्न को इमेज के रूप में डाउनलोड कर सकते हैं?
हां, शार्प स्केलिंग के लिए SVG के रूप में या उन ऐप्स के लिए PNG के रूप में जो SVG स्वीकार नहीं करते।
क्या पैटर्न व्यावसायिक रूप से इस्तेमाल कर सकते हैं?
हां। आपके बनाए पैटर्न निजी और व्यावसायिक काम में मुफ़्त इस्तेमाल किए जा सकते हैं।
क्या पैटर्न से मेरी साइट धीमी होगी?
नहीं। CSS और SVG पैटर्न केवल कुछ सौ बाइट के होते हैं, फ़ोटो बैकग्राउंड से कहीं हल्के।