Material Design definira različite boje. Ove se boje koriste na vizualizaciji. Preporučuje se, ako je moguće, koristiti vrijednosti boja da bi se deklarirala boja. Time se osigurava da će kontrast i dizajn kasnije biti u skladu. Posebnu pažnju treba posvetiti ovom pitanju, jer pri prebačanju s svijetlog na tamni dizajn tekst može postati nečitljiv.
Savjet: Možete promijeniti boje u postavkama projekta pod karticom Vizualizacija. Time se omogućuje stvaranje individualnog dizajna.
Ovo su sve moguće boje pozadine vizualizacije.
| Ime | Vrijednost | Boja | Boja teksta |
|---|---|---|---|
| Crveno | red | #D32F2F | #FFFFFF |
| Ružičasta | pink | #C2185B | #FFFFFF |
| Ljubičasta | purple | #7B1FA2 | #FFFFFF |
| Tamnoljubičasta | deep_purple | #512DA8 | #FFFFFF |
| Indigo Plava | indigo | #303F9F | #FFFFFF |
| Plava | blue | #1976D2 | #FFFFFF |
| Svijetloplava | light_blue | #0288D1 | #FFFFFF |
| Tirkizna | cyan | #0097A7 | #FFFFFF |
| Zelenkasta | teal | #00796B | #FFFFFF |
| Zelena | green | #388E3C | #FFFFFF |
| Svjetlozelena | light_green | #689F38 | #FFFFFF |
| Limunozelena | lime | #AFB42B | #000000 |
| Žuta | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Narandžasta | orange | #F57C00 | #000000 |
| Tamnonarandžasta | deep_orange | #E64A19 | #FFFFFF |
| Greška | error | #B00020 | #FFFFFF |
Ove boje se preporučuju za tekstove i koriste se na simbolima na osnovnom planu kako bi se osigurao dovoljan kontrast.
| Ime | Vrijednost | Boja | Boja teksta |
|---|---|---|---|
| Crveno | red | #F44336 | #FFFFFF |
| Ružičasta | pink | #E91E63 | #FFFFFF |
| Ljubičasta | purple | #9C27B0 | #FFFFFF |
| Tamnoljubičasta | deep_purple | #673AB7 | #FFFFFF |
| Indigo Plava | indigo | #3F51B5 | #FFFFFF |
| Plava | blue | #2196F3 | #FFFFFF |
| Svijetloplava | light_blue | #03A9F4 | #000000 |
| Tirkizna | cyan | #00BCD4 | #000000 |
| Zelenkasta | teal | #009688 | #FFFFFF |
| Zelena | green | #4CAF50 | #000000 |
| Svjetlozelena | light_green | #8BC34A | #000000 |
| Limunozelena | lime | #CDDC39 | #000000 |
| Žuta | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Narandžasta | orange | #FF9800 | #000000 |
| Tamnonarandžasta | deep_orange | #FF5722 | #FFFFFF |
| Smeđa | brown | #795548 | #FFFFFF |
| Siva | gray | #9E9E9E | #000000 |
| Plavosiva | blue_gray | #607D8B | #FFFFFF |
| Greška | error | #B00020 | #FFFFFF |