Het Material Design definieert verschillende kleuren. Deze worden op de visualisatie gebruikt. Het wordt aanbevolen om, indien mogelijk, de kleurwaarden te gebruiken om een kleur te declareren. Zo wordt ervoor gezorgd dat het contrast en het ontwerp later bij elkaar passen zullen. Dit is van bijzondere aandacht, omdat bij het overschakelen van het ontwerp van licht naar donker de tekst onleesbaar kan worden.
Tip: U kunt de kleuren onder Projectinstellingen onder het tabblad Visualisatie wijzigen. Hierdoor laat zich een individueel ontwerp maken.
Dit zijn alle mogelijke achtergrondkleuren van de visualisatie.
| Naam | Waarde | Kleur | Tekstkleur |
|---|---|---|---|
| Rood | red | #D32F2F | #FFFFFF |
| Roze | pink | #C2185B | #FFFFFF |
| Paars | purple | #7B1FA2 | #FFFFFF |
| Diep Paars | deep_purple | #512DA8 | #FFFFFF |
| Indigo Blauw | indigo | #303F9F | #FFFFFF |
| Blauw | blue | #1976D2 | #FFFFFF |
| Lichtblauw | light_blue | #0288D1 | #FFFFFF |
| Turquoise | cyan | #0097A7 | #FFFFFF |
| Zeegroen | teal | #00796B | #FFFFFF |
| Groen | green | #388E3C | #FFFFFF |
| Lichtgroen | light_green | #689F38 | #FFFFFF |
| Limoengroen | lime | #AFB42B | #000000 |
| Geel | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Oranje | orange | #F57C00 | #000000 |
| Diep Oranje | deep_orange | #E64A19 | #FFFFFF |
| Fout | error | #B00020 | #FFFFFF |
Deze kleuren worden aanbevolen voor teksten en worden bij de symbolen op het grondplan gebruikt om een voldoende contrast te tonen.
| Naam | Waarde | Kleur | Tekstkleur |
|---|---|---|---|
| Rood | red | #F44336 | #FFFFFF |
| Roze | pink | #E91E63 | #FFFFFF |
| Paars | purple | #9C27B0 | #FFFFFF |
| Diep Paars | deep_purple | #673AB7 | #FFFFFF |
| Indigo Blauw | indigo | #3F51B5 | #FFFFFF |
| Blauw | blue | #2196F3 | #FFFFFF |
| Lichtblauw | light_blue | #03A9F4 | #000000 |
| Turquoise | cyan | #00BCD4 | #000000 |
| Zeegroen | teal | #009688 | #FFFFFF |
| Groen | green | #4CAF50 | #000000 |
| Lichtgroen | light_green | #8BC34A | #000000 |
| Limoengroen | lime | #CDDC39 | #000000 |
| Geel | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Oranje | orange | #FF9800 | #000000 |
| Diep Oranje | deep_orange | #FF5722 | #FFFFFF |
| Bruin | brown | #795548 | #FFFFFF |
| Grijs | gray | #9E9E9E | #000000 |
| Blauwgrijs | blue_gray | #607D8B | #FFFFFF |
| Fout | error | #B00020 | #FFFFFF |