Skip to main content

मैटेरियल डिज़ाइन रंग पैलेट सभी शेड्स और एक्सेंट के साथ मैटेरियल डिज़ाइन रंग पैलेट ब्राउज़ करें।

मैटेरियल डिज़ाइन रंग illustration
🎨

मैटेरियल डिज़ाइन रंग

सभी शेड्स और एक्सेंट के साथ मैटेरियल डिज़ाइन रंग पैलेट ब्राउज़ करें।

1

परिवार चुनें

लाल, नीला, या हरे जैसे रंग परिवार का चयन करें।

2

शेड्स ब्राउज़ करें

50 (सबसे हल्का) से 900 (सबसे गहरा) तक के सभी शेड्स और एक्सेंट वेरिएंट देखें।

3

रंग कॉपी करें

किसी भी शेड का HEX कोड एक क्लिक में कॉपी करें।

Loading tool...

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 'प्राइमरी' शेड है - इसे अपने आधार के रूप में उपयोग करें
  • 2
    50-200 शेड्स पृष्ठभूमि और सतहों के लिए अच्छा काम करते हैं
  • 3
    600-900 शेड्स हल्की पृष्ठभूमि पर टेक्स्ट के लिए अच्छा काम करते हैं
  • 4
    एक्सेंट शेड्स (A100-A700) जोर देने वाले तत्वों जैसे FABs और लिंक्स के लिए हैं
  • 5
    Material Design 3 उपयोगकर्ता वॉलपेपर से गतिशील रंग पेश करता है - Material You के लिए अद्यतन देखें

Related Tools

Frequently Asked Questions

Q क्या यह नवीनतम Material Design पैलेट है?
यह Material Design 2 पैलेट शामिल करता है। Material Design 3 (Material You) उपयोगकर्ता वॉलपेपर से गतिशील रंग थीमिंग पेश करता है, लेकिन क्लासिक पैलेट मानक संदर्भ बना रहता है।
Q ब्राउन, ग्रे, और ब्लू ग्रे एक्सेंट शेड्स क्यों नहीं हैं?
वे तटस्थ रंग परिवार हैं। एक्सेंट अत्यधिक संतृप्त और जीवंत होने चाहिए, जो तटस्थ रंगों की प्रकृति के विरुद्ध है।
Q प्राइमरी बटनों के लिए मुझे कौन सा शेड उपयोग करना चाहिए?
लाइट मोड में प्राइमरी बटनों के लिए शेड 500 या 600 आम तौर पर उपयोग किया जाता है। डार्क मोड में, गहरी सतहों पर शेड 200 या 300। हमेशा कंट्रास्ट अनुपात की पुष्टि करें।

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.