Le Material Design définit différentes couleurs. Celles-ci sont utilisées sur la visualisation. Il est recommandé, si possible, d'utiliser les valeurs de couleur pour déclarer une couleur. Cela garantit que le contraste et le design s'accorderont plus tard. Il faut accorder une attention particulière à cela, car lors du passage du design clair au foncé, le texte peut devenir illisible.
Conseil : Vous pouvez modifier les couleurs sous Paramètres de projet dans l'onglet Visualisation. Cela permet de créer un design individuel.
Ce sont toutes les couleurs de fond possibles de la visualisation.
| Nom | Valeur | Couleur | Couleur Du Texte |
|---|---|---|---|
| Rouge | red | #D32F2F | #FFFFFF |
| Rose | pink | #C2185B | #FFFFFF |
| Violet | purple | #7B1FA2 | #FFFFFF |
| Violet Profond | deep_purple | #512DA8 | #FFFFFF |
| Indigo | indigo | #303F9F | #FFFFFF |
| Bleu | blue | #1976D2 | #FFFFFF |
| Bleu Clair | light_blue | #0288D1 | #FFFFFF |
| Turquoise | cyan | #0097A7 | #FFFFFF |
| Vert De Gris | teal | #00796B | #FFFFFF |
| Vert | green | #388E3C | #FFFFFF |
| Vert Clair | light_green | #689F38 | #FFFFFF |
| Vert Citron | lime | #AFB42B | #000000 |
| Jaune | yellow | #FBC02D | #000000 |
| Ambre | amber | #FFA000 | #000000 |
| Orange | orange | #F57C00 | #000000 |
| Orange Profond | deep_orange | #E64A19 | #FFFFFF |
| Erreur | error | #B00020 | #FFFFFF |
Ces couleurs sont recommandées pour les textes et utilisées avec les symboles sur le plan, afin de présenter un contraste suffisant.
| Nom | Valeur | Couleur | Couleur Du Texte |
|---|---|---|---|
| Rouge | red | #F44336 | #FFFFFF |
| Rose | pink | #E91E63 | #FFFFFF |
| Violet | purple | #9C27B0 | #FFFFFF |
| Violet Profond | deep_purple | #673AB7 | #FFFFFF |
| Indigo | indigo | #3F51B5 | #FFFFFF |
| Bleu | blue | #2196F3 | #FFFFFF |
| Bleu Clair | light_blue | #03A9F4 | #000000 |
| Turquoise | cyan | #00BCD4 | #000000 |
| Vert De Gris | teal | #009688 | #FFFFFF |
| Vert | green | #4CAF50 | #000000 |
| Vert Clair | light_green | #8BC34A | #000000 |
| Vert Citron | lime | #CDDC39 | #000000 |
| Jaune | yellow | #FFEB3B | #000000 |
| Ambre | amber | #FFC107 | #000000 |
| Orange | orange | #FF9800 | #000000 |
| Orange Profond | deep_orange | #FF5722 | #FFFFFF |
| Marron | brown | #795548 | #FFFFFF |
| Gris | gray | #9E9E9E | #000000 |
| Bleu Gris | blue_gray | #607D8B | #FFFFFF |
| Erreur | error | #B00020 | #FFFFFF |