Το 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 |