Material Design definerer forskjellige farger. Disse brukes i visualiseringen. Det anbefales å bruke fargeverdiene for å deklarere en farge hvis mulig, slik at kontrast og design passer sammen senere. Dette må tas særlig hensyn til, da teksten kan bli uleselig når man bytter fra lys til mørk design.
Tips: Du kan endre fargene under Prosjektinnstillinger under fanen Visualisering. Dette lar deg lage et individuelt design.
Dette er alle mulige bakgrunnsfarger i visualiseringen.
| Navn | Verdi | Farge | Tekstfarge |
|---|---|---|---|
| Rød | red | #D32F2F | #FFFFFF |
| Pink | pink | #C2185B | #FFFFFF |
| Lilla | purple | #7B1FA2 | #FFFFFF |
| Dyp Lilla | deep_purple | #512DA8 | #FFFFFF |
| Indigo | indigo | #303F9F | #FFFFFF |
| Blå | blue | #1976D2 | #FFFFFF |
| Lys Blå | light_blue | #0288D1 | #FFFFFF |
| Tyrkis | cyan | #0097A7 | #FFFFFF |
| Sjøgrønn | teal | #00796B | #FFFFFF |
| Grønn | green | #388E3C | #FFFFFF |
| Lys Grønn | light_green | #689F38 | #FFFFFF |
| Limegrønn | lime | #AFB42B | #000000 |
| Gul | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Oransje | orange | #F57C00 | #000000 |
| Dyp Oransje | deep_orange | #E64A19 | #FFFFFF |
| Feil | error | #B00020 | #FFFFFF |
Disse fargene anbefales for tekster og brukes i symboler på grunnrissen for å vise tilstrekkelig kontrast.
| Navn | Verdi | Farge | Tekstfarge |
|---|---|---|---|
| Rød | red | #F44336 | #FFFFFF |
| Pink | pink | #E91E63 | #FFFFFF |
| Lilla | purple | #9C27B0 | #FFFFFF |
| Dyp Lilla | deep_purple | #673AB7 | #FFFFFF |
| Indigo | indigo | #3F51B5 | #FFFFFF |
| Blå | blue | #2196F3 | #FFFFFF |
| Lys Blå | light_blue | #03A9F4 | #000000 |
| Tyrkis | cyan | #00BCD4 | #000000 |
| Sjøgrønn | teal | #009688 | #FFFFFF |
| Grønn | green | #4CAF50 | #000000 |
| Lys Grønn | light_green | #8BC34A | #000000 |
| Limegrønn | lime | #CDDC39 | #000000 |
| Gul | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Oransje | orange | #FF9800 | #000000 |
| Dyp Oransje | deep_orange | #FF5722 | #FFFFFF |
| Brun | brown | #795548 | #FFFFFF |
| Grå | gray | #9E9E9E | #000000 |
| Blågrå | blue_gray | #607D8B | #FFFFFF |
| Feil | error | #B00020 | #FFFFFF |