रंग

मैटेरियल डिजाइन विभिन्न रंगों को परिभाषित करता है। इनका उपयोग विज़ुअलाइज़ेशन में किया जाता है। यह सिफारिश की जाती है कि अगर संभव हो तो रंग मानों का उपयोग करके एक रंग घोषित करें। इस प्रकार यह सुनिश्चित होता है कि कॉन्ट्रास्ट और डिजाइन बाद में मिलेंगे। विशेष रूप से ध्यान दिया जाना चाहिए, क्योंकि हेलो से डार्क डिजाइन में स्विच करने पर टेक्स्ट पढ़ने योग्य नहीं हो सकता है।

टिप: आप प्रोजेक्ट सेटिंग्स में विज़ुअलाइज़ेशन टैब के तहत रंगों को बदल सकते हैं। इस प्रकार एक व्यक्तिगत डिजाइन बनाया जा सकता है।

पृष्ठभूमि रंग

ये सभी संभव पृष्ठभूमि रंग विज़ुअलाइज़ेशन के हैं।

नाम मान रंग टेक्स्ट रंग
लाल red #D32F2F #FFFFFF
गुलाबी pink #C2185B #FFFFFF
बैंगनी purple #7B1FA2 #FFFFFF
गहरा बैंगनी deep_purple #512DA8 #FFFFFF
इंडिगो नीला indigo #303F9F #FFFFFF
नीला blue #1976D2 #FFFFFF
हल्का नीला light_blue #0288D1 #FFFFFF
टर्क्वॉइज cyan #0097A7 #FFFFFF
सी ग्रिन teal #00796B #FFFFFF
हरा green #388E3C #FFFFFF
हल्का हरा light_green #689F38 #FFFFFF
लाइम ग्रीन lime #AFB42B #000000
पीला yellow #FBC02D #000000
एम्बर amber #FFA000 #000000
नारंगी orange #F57C00 #000000
गहरा नारंगी deep_orange #E64A19 #FFFFFF
त्रुटि error #B00020 #FFFFFF

प्रतीक और टेक्स्ट रंग

ये रंग सिफारिश किए जाते हैं टेक्स्ट के लिए और उन्हें प्रतीकों पर मैप में उपयोग किया जाता है ताकि पर्याप्त कॉन्ट्रास्ट प्रदर्शित हो।

नाम मान रंग टेक्स्ट रंग
लाल red #F44336 #FFFFFF
गुलाबी pink #E91E63 #FFFFFF
बैंगनी purple #9C27B0 #FFFFFF
गहरा बैंगनी deep_purple #673AB7 #FFFFFF
इंडिगो नीला indigo #3F51B5 #FFFFFF
नीला blue #2196F3 #FFFFFF
हल्का नीला light_blue #03A9F4 #000000
टर्क्वॉइज cyan #00BCD4 #000000
सी ग्रिन teal #009688 #FFFFFF
हरा green #4CAF50 #000000
हल्का हरा light_green #8BC34A #000000
लाइम ग्रीन lime #CDDC39 #000000
पीला yellow #FFEB3B #000000
एम्बर amber #FFC107 #000000
नारंगी orange #FF9800 #000000
गहरा नारंगी deep_orange #FF5722 #FFFFFF
भूरा brown #795548 #FFFFFF
ग्रे gray #9E9E9E #000000
ब्लू ग्रे blue_gray #607D8B #FFFFFF
त्रुटि error #B00020 #FFFFFF