मैटेरियल डिज़ाइन रंग पैलेट सभी शेड्स और एक्सेंट के साथ मैटेरियल डिज़ाइन रंग पैलेट ब्राउज़ करें।
मैटेरियल डिज़ाइन रंग
सभी शेड्स और एक्सेंट के साथ मैटेरियल डिज़ाइन रंग पैलेट ब्राउज़ करें।
परिवार चुनें
लाल, नीला, या हरे जैसे रंग परिवार का चयन करें।
शेड्स ब्राउज़ करें
50 (सबसे हल्का) से 900 (सबसे गहरा) तक के सभी शेड्स और एक्सेंट वेरिएंट देखें।
रंग कॉपी करें
किसी भी शेड का HEX कोड एक क्लिक में कॉपी करें।
What Is मैटेरियल डिज़ाइन रंग?
मैटेरियल डिज़ाइन रंग Material Design Colors एक पूर्ण संदर्भ है जो Google के मैटेरियल डिज़ाइन रंग प्रणाली को दर्शाता है, जिसमें 19 रंग परिवार शामिल हैं जिनमें 50 से 900 तक के छायांक और एक्सेंट वेरिएंट (A100-A700) हैं। मैटेरियल डिज़ाइन पैलेट को Google द्वारा उपयोगकर्ता इंटरफ़ेस डिज़ाइन के लिए संतुलित और व्यापक रंगों के सेट की आवश्यकता को ध्यान में रखते हुए बनाया गया था। प्रत्येक रंग परिवार बहुत हल्के (50) से बहुत गहरे (900) तक एक श्रृंखला प्रदान करता है, जिसमें एक्सेंट छायांक विशेष तत्वों के लिए जीवंत, संतृप्त वेरिएंट प्रदान करते हैं। यह पैलेट सुलभता को ध्यान में रखते हुए डिज़ाइन किया गया है, जिसमें आसन्न छायांकों के बीच स्पष्ट विपरीतता है। इसका उपयोग एंड्रॉइड ऐप विकास, मैटेरियल यूआई (रिएक्ट), एंगुलर मैटेरियल, फ्लटर और मैटेरियल डिज़ाइन दिशानिर्देशों का पालन करने वाले वेब अनुप्रयोगों में व्यापक रूप से किया जाता है। यह टूल आपको परिवार द्वारा, एक दृश्य पट्टी में सभी छायांक देखने और किसी भी रंग के HEX कोड की प्रतिलिपि बनाने की अनुमति देता है।
Why Use मैटेरियल डिज़ाइन रंग?
-
सभी 19 परिवारों के साथ पूर्ण Material Design पैलेट
-
50-900 तक के शेड्स और एक्सेंट वेरिएंट (A100-A700)
-
दृश्य रंग परिवार चयनकर्ता तेज़ नेविगेशन के साथ
-
सभी वेरिएंट को एक ही जगह पर दिखाने वाला शेड स्ट्रिप
-
प्रत्येक रंग के लिए एक-क्लिक कॉपी
Common Use Cases
एंड्रॉइड डेवलपमेंट
गूगल के डिज़ाइन दिशानिर्देशों का पालन करते हुए एंड्रॉइड ऐप्स के लिए Material रंग चुनें।
Material UI (React)
MUI थीम अनुकूलन के लिए सटीक रंग मान ढूंढें।
फ्लटर डेवलपमेंट
फ्लटर ऐप्स के लिए आत्मविश्वास के साथ Material रंग चुनें।
वेब डिज़ाइन
आधिकारिक रंग पैलेट के साथ Material Design-प्रेरित वेबसाइट बनाएं।
Technical Guide
मैटेरियल डिज़ाइन रंग प्रणाली एक संरचित नामकरण कन्वेंशन का उपयोग करती है: परिवार नाम + छायांक संख्या। प्रत्येक परिवार में 10 मानक छायांक (50, 100, 200...900) और अधिकतम 4 एक्सेंट छायांक (A100, A200, A400, A700) होते हैं। मानक छायांक बहुत हल्के (50, पृष्ठभूमि के लिए उपयुक्त) से बहुत गहरे (900, पाठ के लिए उपयुक्त) तक जाते हैं। एक्सेंट छायांक फ्लोटिंग एक्शन बटन, इंटरएक्टिव तत्वों और जोर देने वाले तत्वों के लिए डिज़ाइन किए गए उच्च संतृप्त वेरिएंट हैं। सभी परिवारों में एक्सेंट नहीं होते - ब्राउन, ग्रे, और ब्लू ग्रे में एक्सेंट वेरिएंट नहीं हैं क्योंकि वे तटस्थ हैं। रंगों को Material Design 3 (Material You) में HCT (ह्यू, क्रोमा, टोन) रंग स्थान का उपयोग करके डिज़ाइन किया गया था, जो HSL की तुलना में अधिक अनुभूतिपूर्ण रूप से एकसमान रंग रैंप प्रदान करता है। यह पैलेट 500 छायांक और सफेद पाठ, और हल्के छायांकों और गहरे पाठ के बीच WCAG AA विपरीतता सुनिश्चित करता है।
Tips & Best Practices
-
1प्रत्येक परिवार का शेड 500 'प्राइमरी' शेड है - इसे अपने आधार के रूप में उपयोग करें
-
250-200 शेड्स पृष्ठभूमि और सतहों के लिए अच्छा काम करते हैं
-
3600-900 शेड्स हल्की पृष्ठभूमि पर टेक्स्ट के लिए अच्छा काम करते हैं
-
4एक्सेंट शेड्स (A100-A700) जोर देने वाले तत्वों जैसे FABs और लिंक्स के लिए हैं
-
5Material Design 3 उपयोगकर्ता वॉलपेपर से गतिशील रंग पेश करता है - Material You के लिए अद्यतन देखें
Related Tools
हेक्स से आरजीबी रंग परिवर्तक
एक लाइव पूर्वावलोकन स्वैच के साथ हेक्स रंग कोडों को तत्काल आरजीबी मानों में बदलें।
🎨 Color Tools
रंग चुनने वाला
इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।
🎨 Color Tools
ब्रांड रंग पैलेट
50 से अधिक लोकप्रिय ब्रांड और टेक कंपनियों के आधिकारिक रंग पैलेट ब्राउज़ करें।
🎨 Color Tools
टेलविंड रंग खोजक
किसी भी हेक्स कोड के लिए सबसे निकटतम टेलविंड सीएसएस रंग वर्ग ढूंढें।
🎨 Color Tools
आईओएस और एंड्रॉइड सिस्टम रंग
आईओएस ह्यूमन इंटरफेस और एंड्रॉइड मैटेरियल डिज़ाइन के लिए सिस्टम रंग ब्राउज़ करें।
🎨 Color ToolsFrequently Asked Questions
Q क्या यह नवीनतम Material Design पैलेट है?
Q ब्राउन, ग्रे, और ब्लू ग्रे एक्सेंट शेड्स क्यों नहीं हैं?
Q प्राइमरी बटनों के लिए मुझे कौन सा शेड उपयोग करना चाहिए?
About This Tool
मैटेरियल डिज़ाइन रंग is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.