Material Design, çeşitli renkleri tanımlar. Bu renkler görselleştirmede kullanılır. Mümkün olduğunca renk değerlerini kullanarak bir renk bildirmek önerilir. Böylece kontrast ve tasarımın daha sonra uyumlu olacağı garanti edilir. Özellikle, açık tasarımdan karanlığa geçiş yapıldığında metnin okunamaz hale geleceği dikkate alınmalıdır.
İpuçları: Proje Ayarlarında Görselleştirme sekmesinde renkleri değiştirebilirsiniz. Böylece özel bir tasarım oluşturabilirsiniz.
Bu, görselleştirmedeki tüm olası arka plan renkleridir.
| Ad | Değer | Renk | Metin Renkleri |
|---|---|---|---|
| Kırmızı | red | #D32F2F | #FFFFFF |
| Pembe | pink | #C2185B | #FFFFFF |
| Mor | purple | #7B1FA2 | #FFFFFF |
| Derin Mor | deep_purple | #512DA8 | #FFFFFF |
| İndigo Mavi | indigo | #303F9F | #FFFFFF |
| Mavi | blue | #1976D2 | #FFFFFF |
| Açık Mavi | light_blue | #0288D1 | #FFFFFF |
| Türkiz | cyan | #0097A7 | #FFFFFF |
| Deniz Yeşili | teal | #00796B | #FFFFFF |
| Yeşil | green | #388E3C | #FFFFFF |
| Açık Yeşil | light_green | #689F38 | #FFFFFF |
| Limon Yeşili | lime | #AFB42B | #000000 |
| Sarı | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Turuncu | orange | #F57C00 | #000000 |
| Derin Turuncu | deep_orange | #E64A19 | #FFFFFF |
| Hata | error | #B00020 | #FFFFFF |
Bu renkler, metinler için önerilir ve planlarda sembollerde kullanılır. Yeterli kontrast göstermek için.
| Ad | Değer | Renk | Metin Renkleri |
|---|---|---|---|
| Kırmızı | red | #F44336 | #FFFFFF |
| Pembe | pink | #E91E63 | #FFFFFF |
| Mor | purple | #9C27B0 | #FFFFFF |
| Derin Mor | deep_purple | #673AB7 | #FFFFFF |
| İndigo Mavi | indigo | #3F51B5 | #FFFFFF |
| Mavi | blue | #2196F3 | #FFFFFF |
| Açık Mavi | light_blue | #03A9F4 | #000000 |
| Türkiz | cyan | #00BCD4 | #000000 |
| Deniz Yeşili | teal | #009688 | #FFFFFF |
| Yeşil | green | #4CAF50 | #000000 |
| Açık Yeşil | light_green | #8BC34A | #000000 |
| Limon Yeşili | lime | #CDDC39 | #000000 |
| Sarı | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Turuncu | orange | #FF9800 | #000000 |
| Derin Turuncu | deep_orange | #FF5722 | #FFFFFF |
| Kahverengi | brown | #795548 | #FFFFFF |
| Gri | gray | #9E9E9E | #000000 |
| Mavi Gri | blue_gray | #607D8B | #FFFFFF |
| Hata | error | #B00020 | #FFFFFF |