Material Design definiuje różne kolory. Są one używane w wizualizacji. Zaleca się, jeśli to możliwe, stosowanie wartości kolorów do deklarowania koloru. W ten sposób można upewnić się, że kontrast i projekt będą pasować razem później. Należy zwrócić szczególną uwagę na to, ponieważ przy przełączaniu projektu z jasnego na ciemny tekst może stać się nieczytelny.
Wskazówka: Możesz zmienić kolory w Ustawieniach Projektu w zakładce Wizualizacja. Dzięki temu można stworzyć indywidualny projekt.
To wszystkie możliwe kolory tła wizualizacji.
| Nazwa | Wartość | Kolor | Kolor Tekstu |
|---|---|---|---|
| Czerwony | red | #D32F2F | #FFFFFF |
| Różowy | pink | #C2185B | #FFFFFF |
| Fioletowy | purple | #7B1FA2 | #FFFFFF |
| Głęboki Fioletowy | deep_purple | #512DA8 | #FFFFFF |
| Indygo | indigo | #303F9F | #FFFFFF |
| Niebieski | blue | #1976D2 | #FFFFFF |
| Jasny Niebieski | light_blue | #0288D1 | #FFFFFF |
| Turkusowy | cyan | #0097A7 | #FFFFFF |
| Morski Zielenie | teal | #00796B | #FFFFFF |
| Zielony | green | #388E3C | #FFFFFF |
| Jasny Zielony | light_green | #689F38 | #FFFFFF |
| Limonkowy | lime | #AFB42B | #000000 |
| Żółty | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Pomarańczowy | orange | #F57C00 | #000000 |
| Głęboki Pomarańczowy | deep_orange | #E64A19 | #FFFFFF |
| Błąd | error | #B00020 | #FFFFFF |
Te kolory są zalecane do tekstu i są używane w symbolach na rysunku, aby zapewnić odpowiedni kontrast.
| Nazwa | Wartość | Kolor | Kolor Tekstu |
|---|---|---|---|
| Czerwony | red | #F44336 | #FFFFFF |
| Różowy | pink | #E91E63 | #FFFFFF |
| Fioletowy | purple | #9C27B0 | #FFFFFF |
| Głęboki Fioletowy | deep_purple | #673AB7 | #FFFFFF |
| Indygo | indigo | #3F51B5 | #FFFFFF |
| Niebieski | blue | #2196F3 | #FFFFFF |
| Jasny Niebieski | light_blue | #03A9F4 | #000000 |
| Turkusowy | cyan | #00BCD4 | #000000 |
| Morski Zielenie | teal | #009688 | #FFFFFF |
| Zielony | green | #4CAF50 | #000000 |
| Jasny Zielony | light_green | #8BC34A | #000000 |
| Limonkowy | lime | #CDDC39 | #000000 |
| Żółty | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Pomarańczowy | orange | #FF9800 | #000000 |
| Głęboki Pomarańczowy | deep_orange | #FF5722 | #FFFFFF |
| Brązowy | brown | #795548 | #FFFFFF |
| Szary | gray | #9E9E9E | #000000 |
| Blado Niebieski | blue_gray | #607D8B | #FFFFFF |
| Błąd | error | #B00020 | #FFFFFF |