A Material Design különböző színek meghatározását tartalmazza. Ezek a vizualizációban használatosak. Ajánlott, ha lehetséges, a színértékeket használni egy szín deklarálásához. Így biztosítják, hogy a kontraszt és a design később összeillessenek. Ez különösen figyelemre méltó, mivel a sötétre való váltáskor a szöveg olvashatatlan lehet.
Tip: A színeket a Projekt Beállítások alatt a Vizualizáció fülön módosíthatja. Így egyedi design létrehozható.
Ez az összes lehetséges háttérszín a vizualizációban.
| Név | Érték | Szín | Szövegszín |
|---|---|---|---|
| Piros | red | #D32F2F | #FFFFFF |
| Rózsaszín | pink | #C2185B | #FFFFFF |
| Lila | purple | #7B1FA2 | #FFFFFF |
| Sötétlila | deep_purple | #512DA8 | #FFFFFF |
| Indigókék | indigo | #303F9F | #FFFFFF |
| Kék | blue | #1976D2 | #FFFFFF |
| Világoskék | light_blue | #0288D1 | #FFFFFF |
| Türkiz | cyan | #0097A7 | #FFFFFF |
| Tengerzöld | teal | #00796B | #FFFFFF |
| Zöld | green | #388E3C | #FFFFFF |
| Világoszöld | light_green | #689F38 | #FFFFFF |
| Citromzöld | lime | #AFB42B | #000000 |
| Sárga | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| Narancs | orange | #F57C00 | #000000 |
| Sötétnarancs | deep_orange | #E64A19 | #FFFFFF |
| Hiba | error | #B00020 | #FFFFFF |
Ezek a színek ajánlottak szövegekhez, és használatosak a szimbólumoknál a tervrajzon, hogy megfelelő kontrasztot biztosítsanak.
| Név | Érték | Szín | Szövegszín |
|---|---|---|---|
| Piros | red | #F44336 | #FFFFFF |
| Rózsaszín | pink | #E91E63 | #FFFFFF |
| Lila | purple | #9C27B0 | #FFFFFF |
| Sötétlila | deep_purple | #673AB7 | #FFFFFF |
| Indigókék | indigo | #3F51B5 | #FFFFFF |
| Kék | blue | #2196F3 | #FFFFFF |
| Világoskék | light_blue | #03A9F4 | #000000 |
| Türkiz | cyan | #00BCD4 | #000000 |
| Tengerzöld | teal | #009688 | #FFFFFF |
| Zöld | green | #4CAF50 | #000000 |
| Világoszöld | light_green | #8BC34A | #000000 |
| Citromzöld | lime | #CDDC39 | #000000 |
| Sárga | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| Narancs | orange | #FF9800 | #000000 |
| Sötétnarancs | deep_orange | #FF5722 | #FFFFFF |
| Barna | brown | #795548 | #FFFFFF |
| Szürke | gray | #9E9E9E | #000000 |
| Kékeszürke | blue_gray | #607D8B | #FFFFFF |
| Hiba | error | #B00020 | #FFFFFF |