Farben

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.

Hintergrundfarben

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

Symbol- und Textfarben

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