मेश ग्रेडिएंट
सुंदर बहुरंगी मेश ग्रेडिएंट बनाएं। मेश ग्रेडिएंट को मुफ्त ऑनलाइन उपयोग करें, बिना साइनअप, तेज परिणाम और सुरक्षित ब्राउज़र-आधारित प्रोसेसिंग के साथ।
Preview
Color points
CSS Code
background-color: #ffffff;
background-image:
radial-gradient(at 20% 20%, #667eea 0px, transparent 50%),
radial-gradient(at 80% 20%, #764ba2 0px, transparent 50%),
radial-gradient(at 50% 80%, #f093fb 0px, transparent 50%),
radial-gradient(at 20% 80%, #f5576c 0px, transparent 50%);मेश ग्रेडिएंट आपको ब्राउज़र में सीधे रंगों के साथ काम करने में मदद करता है।
यह टूल डिजाइनरों, डेवलपरों और क्रिएटरों के लिए बनाया गया है जिन्हें तेज और भरोसेमंद परिणाम चाहिए।
Supported formats
How it works
Step 1
मेश ग्रेडिएंट खोलें
Step 2
रंग दर्ज या आयात करें
Step 3
परिणाम कॉपी, निर्यात या फिर से उपयोग करें
बचने के लिए सामान्य गलतियाँ
- कॉन्ट्रास्ट जांचना भूलने से पठनीयता प्रभावित हो सकती है।
- बहुत अधिक रंगों से पैलेट लागू करना कठिन हो सकता है।
प्रो टिप्स
- मुख्य रंगों को CSS variables के रूप में रखें।
- प्रकाशित करने से पहले पैलेट को light और dark mode में जांचें।
Privacy guaranteed: everything is processed locally in your browser.
जहाँ संभव हो, प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। किसी खाते की आवश्यकता नहीं है।
रंग परियोजनाओं के लिए मेश ग्रेडिएंट
सुंदर बहुरंगी मेश ग्रेडिएंट बनाएं।
बिना सटीकता खोए मेश ग्रेडिएंट
रूपांतरण सटीक मानों (HEX, RGB, HSL, OKLCH) पर चलते हैं। कोई दृश्य सन्निकटन नहीं — आपको आपके डिज़ाइन के अनुरूप रंग मिलता है।
मेश ग्रेडिएंट मुफ़्त ऑनलाइन
कोई पंजीकरण नहीं, कोई सॉफ़्टवेयर डाउनलोड नहीं। मेश ग्रेडिएंट 100% मुफ़्त है और किसी भी ब्राउज़र में काम करता है। मुफ्त योजना में प्रतिदिन 10 उपयोग शामिल हैं।
मेश ग्रेडिएंट तेज़ और सुरक्षित
प्रसंस्करण आपके ब्राउज़र में सीधे होता है—अधिकतम गति के लिए। कोई डेटा हमारे सर्वर पर नहीं भेजा जाता; आपके रंग निजी रहते हैं।
साझा करने और सहयोग के लिए मेश ग्रेडिएंट
परिणामों को HEX, RGB, HSL, CSS, JSON के रूप में निर्यात करें या एक क्लिक में कॉपी करें। टीम के साथ रंग गाइड साझा करने के लिए आदर्श।
हमारे सभी कलर टूल देखें
कुछ ही क्लिक में रंग निकालें, बदलें, पैलेट, ग्रेडिएंट और WCAG कंट्रास्ट बनाएं।
Related tools
गाइड और ट्यूटोरियल
हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।
mesh-gradient: gradients की व्यावहारिक गाइड
mesh-gradient उपयोग करने, gradients की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
mesh-gradient: gradients की व्यावहारिक गाइड
mesh-gradient उपयोग करने, gradients की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।
mesh-gradient: gradients की व्यावहारिक गाइड
mesh-gradient उपयोग करने, gradients की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।