Material Design مختلفی از رنگها را تعریف میکند. این رنگها در نمایشگر استفاده میشوند. توصیه میشود، اگر ممکن است، از مقادیر رنگ برای اعلام یک رنگ استفاده کنید. به این صورت اطمینان حاصل میشود که کنتراست و طراحی بعداً با هم هماهنگ خواهند بود. باید به این نکته توجه ویژهای داشته باشید، زیرا هنگام تغییر طراحی از روشن به تاریک، متن غیرقابل خواندن میشود.
نکته: شما میتوانید رنگها را در تنظیمات پروژه در بخش نمایشگر تغییر دهید. بدین ترتیب یک طراحی شخصیسازی شده ایجاد میشود.
این همه رنگهای ممکن پسزمینه نمایشگر هستند.
| نام | مقدار | رنگ | رنگ متن |
|---|---|---|---|
| قرمز | 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 |