Material Design definește diverse culori. Acestea sunt utilizate în vizualizare. Se recomandă, dacă este posibil, să se utilizeze valorile de culoare pentru a declara o culoare. Astfel se asigură că contrastul și design-ul vor fi compatibile mai târziu. Este important să se acorde o atenție specială acestui aspect, deoarece la schimbarea designului de la luminos la închis, textul poate deveni ilizibil.
Sfaturi: Puteți modifica culorile în Setări Proiect sub fila Vizualizare. Astfel se poate crea un design individual.
Aceasta sunt toate culorile de fundal posibile ale vizualizării.
| Nume | Valoare | Culoare | Culoare Text |
|---|---|---|---|
| Roșu | red | #D32F2F | #FFFFFF |
| Roz | pink | #C2185B | #FFFFFF |
| Violet | purple | #7B1FA2 | #FFFFFF |
| Violet Închis | deep_purple | #512DA8 | #FFFFFF |
| Indigo | indigo | #303F9F | #FFFFFF |
| Albastru | blue | #1976D2 | #FFFFFF |
| Albastru Deschis | light_blue | #0288D1 | #FFFFFF |
| Turcoaz | cyan | #0097A7 | #FFFFFF |
| Verde De Mare | teal | #00796B | #FFFFFF |
| Verde | green | #388E3C | #FFFFFF |
| Verde Deschis | light_green | #689F38 | #FFFFFF |
| Verde Lămâie | lime | #AFB42B | #000000 |
| Galben | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Portocaliu | orange | #F57C00 | #000000 |
| Portocaliu Închis | deep_orange | #E64A19 | #FFFFFF |
| Eroare | error | #B00020 | #FFFFFF |
Aceste culori sunt recomandate pentru texte și sunt utilizate la simboluri în plan, pentru a asigura un contrast suficient.
| Nume | Valoare | Culoare | Culoare Text |
|---|---|---|---|
| Roșu | red | #F44336 | #FFFFFF |
| Roz | pink | #E91E63 | #FFFFFF |
| Violet | purple | #9C27B0 | #FFFFFF |
| Violet Închis | deep_purple | #673AB7 | #FFFFFF |
| Indigo | indigo | #3F51B5 | #FFFFFF |
| Albastru | blue | #2196F3 | #FFFFFF |
| Albastru Deschis | light_blue | #03A9F4 | #000000 |
| Turcoaz | cyan | #00BCD4 | #000000 |
| Verde De Mare | teal | #009688 | #FFFFFF |
| Verde | green | #4CAF50 | #000000 |
| Verde Deschis | light_green | #8BC34A | #000000 |
| Verde Lămâie | lime | #CDDC39 | #000000 |
| Galben | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Portocaliu | orange | #FF9800 | #000000 |
| Portocaliu Închis | deep_orange | #FF5722 | #FFFFFF |
| Maro | brown | #795548 | #FFFFFF |
| Gri | gray | #9E9E9E | #000000 |
| Albastru-Gri | blue_gray | #607D8B | #FFFFFF |
| Eroare | error | #B00020 | #FFFFFF |