Material Design definierar olika färger. Dessa används i visualiseringen. Det rekommenderas att, om möjligt, använda färgvärden för att deklarera en färg. På så sätt säkerställs det att kontrast och design kommer att passa ihop senare. Detta bör särskilt beaktas eftersom texten kan bli oläsbar när man byter från ljus till mörk design.
Tips: Du kan ändra färgerna under Projektinställningar under fliken Visualisering. På så sätt kan du skapa ett individuellt design.
Detta är alla möjliga bakgrundsfärger i visualiseringen.
| Namn | Värde | Färg | Textfärg |
|---|---|---|---|
| Röd | red | #D32F2F | #FFFFFF |
| Rosa | pink | #C2185B | #FFFFFF |
| Lila | purple | #7B1FA2 | #FFFFFF |
| Djup Lila | deep_purple | #512DA8 | #FFFFFF |
| Indigo Blå | indigo | #303F9F | #FFFFFF |
| Blå | blue | #1976D2 | #FFFFFF |
| Ljus Blå | light_blue | #0288D1 | #FFFFFF |
| Tyrkisk Blå | cyan | #0097A7 | #FFFFFF |
| Sjögrön | teal | #00796B | #FFFFFF |
| Grön | green | #388E3C | #FFFFFF |
| Ljus Grön | light_green | #689F38 | #FFFFFF |
| Lindgrön | lime | #AFB42B | #000000 |
| Gul | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Orange | orange | #F57C00 | #000000 |
| Djup Orange | deep_orange | #E64A19 | #FFFFFF |
| Fel | error | #B00020 | #FFFFFF |
Dessa färger rekommenderas för texter och används i symbolerna på ritningen för att visa tillräcklig kontrast.
| Namn | Värde | Färg | Textfärg |
|---|---|---|---|
| Röd | red | #F44336 | #FFFFFF |
| Rosa | pink | #E91E63 | #FFFFFF |
| Lila | purple | #9C27B0 | #FFFFFF |
| Djup Lila | deep_purple | #673AB7 | #FFFFFF |
| Indigo Blå | indigo | #3F51B5 | #FFFFFF |
| Blå | blue | #2196F3 | #FFFFFF |
| Ljus Blå | light_blue | #03A9F4 | #000000 |
| Tyrkisk Blå | cyan | #00BCD4 | #000000 |
| Sjögrön | teal | #009688 | #FFFFFF |
| Grön | green | #4CAF50 | #000000 |
| Ljus Grön | light_green | #8BC34A | #000000 |
| Lindgrön | lime | #CDDC39 | #000000 |
| Gul | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Orange | orange | #FF9800 | #000000 |
| Djup Orange | deep_orange | #FF5722 | #FFFFFF |
| Brunt | brown | #795548 | #FFFFFF |
| Grå | gray | #9E9E9E | #000000 |
| Blågrå | blue_gray | #607D8B | #FFFFFF |
| Fel | error | #B00020 | #FFFFFF |