Матеріал дизайн визначає різні кольори. Вони використовуються на візуалізації. Рекомендується, якщо це можливо, використовувати значення кольорів для оголошення кольору. Таким чином гарантується, що контрастність і дизайн пізніше будуть відповідати один одному. Це особливо важливо враховувати, оскільки при перемиканні з світлого на темний дизайн текст може стати нечитабельним.
Підказка: Ви можете змінити кольори в налаштуваннях проекту на вкладці Візуалізація. Таким чином можна створити індивідуальний дизайн.
Це всі можливі кольори фону візуалізації.
| Назва | Значення | Колір | Колір тексту |
|---|---|---|---|
| Червоний | red | #D32F2F | #FFFFFF |
| Рожевий | pink | #C2185B | #FFFFFF |
| Фіолетовий | purple | #7B1FA2 | #FFFFFF |
| Темно-фіолетовий | deep_purple | #512DA8 | #FFFFFF |
| Індіго | indigo | #303F9F | #FFFFFF |
| Синій | blue | #1976D2 | #FFFFFF |
| Світло-синій | light_blue | #0288D1 | #FFFFFF |
| Бірюзовий | cyan | #0097A7 | #FFFFFF |
| Морський зелений | teal | #00796B | #FFFFFF |
| Зелений | green | #388E3C | #FFFFFF |
| Світло-зелений | light_green | #689F38 | #FFFFFF |
| Лаймовий | lime | #AFB42B | #000000 |
| Жовтий | yellow | #FBC02D | #000000 |
| Амбер | amber | #FFA000 | #000000 |
| Помаранчевий | orange | #F57C00 | #000000 |
| Темно-помаранчевий | deep_orange | #E64A19 | #FFFFFF |
| Помилка | error | #B00020 | #FFFFFF |
Ці кольори рекомендуються для текстів і використовуються на символах у плані, щоб забезпечити достатній контраст.
| Назва | Значення | Колір | Колір тексту |
|---|---|---|---|
| Червоний | red | #F44336 | #FFFFFF |
| Рожевий | pink | #E91E63 | #FFFFFF |
| Фіолетовий | purple | #9C27B0 | #FFFFFF |
| Темно-фіолетовий | deep_purple | #673AB7 | #FFFFFF |
| Індіго | indigo | #3F51B5 | #FFFFFF |
| Синій | blue | #2196F3 | #FFFFFF |
| Світло-синій | light_blue | #03A9F4 | #000000 |
| Бірюзовий | cyan | #00BCD4 | #000000 |
| Морський зелений | teal | #009688 | #FFFFFF |
| Зелений | green | #4CAF50 | #000000 |
| Світло-зелений | light_green | #8BC34A | #000000 |
| Лаймовий | lime | #CDDC39 | #000000 |
| Жовтий | yellow | #FFEB3B | #000000 |
| Амбер | amber | #FFC107 | #000000 |
| Помаранчевий | orange | #FF9800 | #000000 |
| Темно-помаранчевий | deep_orange | #FF5722 | #FFFFFF |
| Коричневий | brown | #795548 | #FFFFFF |
| Сірий | gray | #9E9E9E | #000000 |
| Сино-сірий | blue_gray | #607D8B | #FFFFFF |
| Помилка | error | #B00020 | #FFFFFF |