Das Material Design definiert verschiedene Farben. Diese werden auf der Visualisierung verwendet. Es wird empfohlen, wenn möglich die Farbwerte zu verwenden, um eine Farbe zu deklarieren. So wird sichergestellt, dass der Kontrast und das Design später zusammenpassen werden. Dies gilt besonderer Beachtung zu schenken, da beim Umschalten vom Design von hell auf dunkel der Text unlesbar werden kann.
Tipp: Sie können die Farben unter Projekt Einstellungen unter dem Reiter Visualisierung ändert. Dadurch lässt sich ein individuelles Design erstellen.
Dies sind alle möglichen Hintergrundfarben der Visualisierung.
| Name | Wert | Farbe | Textfarbe |
|---|---|---|---|
| Rot | red | #D32F2F | #FFFFFF |
| Pink | pink | #C2185B | #FFFFFF |
| Violett | purple | #7B1FA2 | #FFFFFF |
| Tiefviolett | deep_purple | #512DA8 | #FFFFFF |
| Indigoblau | indigo | #303F9F | #FFFFFF |
| Blau | blue | #1976D2 | #FFFFFF |
| Hellblau | light_blue | #0288D1 | #FFFFFF |
| Türkis | cyan | #0097A7 | #FFFFFF |
| Seegrün | teal | #00796B | #FFFFFF |
| Grün | green | #388E3C | #FFFFFF |
| Hellgrün | light_green | #689F38 | #FFFFFF |
| Lindgrün | lime | #AFB42B | #000000 |
| Gelb | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Orange | orange | #F57C00 | #000000 |
| Tieforange | deep_orange | #E64A19 | #FFFFFF |
| Fehler | error | #B00020 | #FFFFFF |
Diese Farben werden empfohlen für Texte und werden bei den Symbolen auf dem Grundriss verwendet, um ein ausreichender Kontrast darzustellen.
| Name | Wert | Farbe | Textfarbe |
|---|---|---|---|
| Rot | red | #F44336 | #FFFFFF |
| Pink | pink | #E91E63 | #FFFFFF |
| Violett | purple | #9C27B0 | #FFFFFF |
| Tiefviolett | deep_purple | #673AB7 | #FFFFFF |
| Indigoblau | indigo | #3F51B5 | #FFFFFF |
| Blau | blue | #2196F3 | #FFFFFF |
| Hellblau | light_blue | #03A9F4 | #000000 |
| Türkis | cyan | #00BCD4 | #000000 |
| Seegrün | teal | #009688 | #FFFFFF |
| Grün | green | #4CAF50 | #000000 |
| Hellgrün | light_green | #8BC34A | #000000 |
| Lindgrün | lime | #CDDC39 | #000000 |
| Gelb | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Orange | orange | #FF9800 | #000000 |
| Tieforange | deep_orange | #FF5722 | #FFFFFF |
| Braun | brown | #795548 | #FFFFFF |
| Grau | gray | #9E9E9E | #000000 |
| Blaugrau | blue_gray | #607D8B | #FFFFFF |
| Fehler | error | #B00020 | #FFFFFF |