Material Design definerer forskellige farver. Disse anvendes på visualiseringen. Det anbefales, hvis muligt at bruge farveværdierne til at deklarere en farve. På den måde sikres det, at kontrasten og designet senere vil passe sammen. Dette skal særligt tages i betragtning, da teksten kan blive ulæselig ved skift fra lys til mørkt design.
Tip: Du kan ændre farverne under Projektindstillinger under fanen Visualisering. På den måde kan der oprettes et individuelt design.
Disse er alle mulige baggrundsfarver i visualiseringen.
| Navn | Værdi | Farve | Tekstfarve |
|---|---|---|---|
| Rød | red | #D32F2F | #FFFFFF |
| Pink | pink | #C2185B | #FFFFFF |
| Lilla | purple | #7B1FA2 | #FFFFFF |
| Dyblilla | deep_purple | #512DA8 | #FFFFFF |
| Indigo | indigo | #303F9F | #FFFFFF |
| Blå | blue | #1976D2 | #FFFFFF |
| Lyseblå | light_blue | #0288D1 | #FFFFFF |
| Tyrkis | cyan | #0097A7 | #FFFFFF |
| Søgrøn | teal | #00796B | #FFFFFF |
| Grøn | green | #388E3C | #FFFFFF |
| Lysegrøn | light_green | #689F38 | #FFFFFF |
| Limegrøn | lime | #AFB42B | #000000 |
| Gul | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Orange | orange | #F57C00 | #000000 |
| Dyborange | deep_orange | #E64A19 | #FFFFFF |
| Fejl | error | #B00020 | #FFFFFF |
Disse farver anbefales til tekster og anvendes på symbolerne i grundrisen for at sikre en tilstrækkelig kontrast.
| Navn | Værdi | Farve | Tekstfarve |
|---|---|---|---|
| Rød | red | #F44336 | #FFFFFF |
| Pink | pink | #E91E63 | #FFFFFF |
| Lilla | purple | #9C27B0 | #FFFFFF |
| Dyblilla | deep_purple | #673AB7 | #FFFFFF |
| Indigo | indigo | #3F51B5 | #FFFFFF |
| Blå | blue | #2196F3 | #FFFFFF |
| Lyseblå | light_blue | #03A9F4 | #000000 |
| Tyrkis | cyan | #00BCD4 | #000000 |
| Søgrøn | teal | #009688 | #FFFFFF |
| Grøn | green | #4CAF50 | #000000 |
| Lysegrøn | light_green | #8BC34A | #000000 |
| Limegrøn | lime | #CDDC39 | #000000 |
| Gul | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Orange | orange | #FF9800 | #000000 |
| Dyborange | deep_orange | #FF5722 | #FFFFFF |
| Brun | brown | #795548 | #FFFFFF |
| Grå | gray | #9E9E9E | #000000 |
| Blågrå | blue_gray | #607D8B | #FFFFFF |
| Fejl | error | #B00020 | #FFFFFF |