Material Design definuje různé barvy. Tyto se používají na vizualizaci. Doporučuje se, pokud je to možné, použít hodnoty barev k deklarování barvy. Tím se zajistí, že kontrast a design později budou spolu ladit. Je třeba věnovat zvláštní pozornost, protože při přepnutí z designu ze světlého na tmavý může být text nečitelný.
Tip: Můžete změnit barvy v nastavení projektu pod záložkou Visualizace. Tím se dá vytvořit individuální design.
Toto jsou všechny možné pozadí barev vizualizace.
| Název | Hodnota | Barva | Textová barva |
|---|---|---|---|
| Červená | red | #D32F2F | #FFFFFF |
| Růžová | pink | #C2185B | #FFFFFF |
| Fialová | purple | #7B1FA2 | #FFFFFF |
| Tmavě fialová | deep_purple | #512DA8 | #FFFFFF |
| Indigo | indigo | #303F9F | #FFFFFF |
| Modrá | blue | #1976D2 | #FFFFFF |
| Světle modrá | light_blue | #0288D1 | #FFFFFF |
| Tyrkysová | cyan | #0097A7 | #FFFFFF |
| Tyrkysově zelená | teal | #00796B | #FFFFFF |
| Zelená | green | #388E3C | #FFFFFF |
| Světle zelená | light_green | #689F38 | #FFFFFF |
| Limetková | lime | #AFB42B | #000000 |
| Žlutá | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Oranžová | orange | #F57C00 | #000000 |
| Tmavě oranžová | deep_orange | #E64A19 | #FFFFFF |
| Chyba | error | #B00020 | #FFFFFF |
Tyto barvy se doporučují pro texty a používají se u symbolů na plánku, aby byl zajištěn dostatečný kontrast.
| Název | Hodnota | Barva | Textová barva |
|---|---|---|---|
| Červená | red | #F44336 | #FFFFFF |
| Růžová | pink | #E91E63 | #FFFFFF |
| Fialová | purple | #9C27B0 | #FFFFFF |
| Tmavě fialová | deep_purple | #673AB7 | #FFFFFF |
| Indigo | indigo | #3F51B5 | #FFFFFF |
| Modrá | blue | #2196F3 | #FFFFFF |
| Světle modrá | light_blue | #03A9F4 | #000000 |
| Tyrkysová | cyan | #00BCD4 | #000000 |
| Tyrkysově zelená | teal | #009688 | #FFFFFF |
| Zelená | green | #4CAF50 | #000000 |
| Světle zelená | light_green | #8BC34A | #000000 |
| Limetková | lime | #CDDC39 | #000000 |
| Žlutá | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Oranžová | orange | #FF9800 | #000000 |
| Tmavě oranžová | deep_orange | #FF5722 | #FFFFFF |
| Hnědá | brown | #795548 | #FFFFFF |
| Šedá | gray | #9E9E9E | #000000 |
| Modrošedá | blue_gray | #607D8B | #FFFFFF |
| Chyba | error | #B00020 | #FFFFFF |