Створено 06/05/2025 19:49
Material Design Spectrum Suite
- Surface Stone#f5f5f5
- Primary Indigo#3f51b5
- Accent Magenta#ec407a
- Typography Coal#212121
- Divider Silver#bdbdbd
- Error Crimson#d32f2f
- Success Mint#4caf50
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Accent Magenta #ec407a та Success Mint #4caf50. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #212121 (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #212121, #3F51B5, #4CAF50, #BDBDBD, #D32F2F, #EC407A, #F5F5F5
Палітра Material Design Spectrum Suite містить комбінацію з 7 кодів кольорів :
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ec407a, RGB: (236, 64, 122)
HEX: #212121, RGB: (33, 33, 33); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #d32f2f, RGB: (211, 47, 47)
HEX: #4caf50, RGB: (76, 175, 80)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок deeppink, Відтінок Чорний, Відтінок Срібний, Відтінок crimson, Відтінок mediumseagreen
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Material Design Spectrum Suite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Surface Stone | White Smoke |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | Accent Magenta | — |
| #212121 | #212121 | RGB(33, 33, 33) | Typography Coal | Lead |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Divider Silver | Gray74 |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Error Crimson | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Mint | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f5f5f5 | #bdbdbd | 1.72 |
#3f51b5 | #ec407a | 1.82 |
#3f51b5 | #d32f2f | 1.38 |
#ec407a | #d32f2f | 1.32 |
#ec407a | #4caf50 | 1.35 |
#bdbdbd | #4caf50 | 1.47 |
Зображення палітри Material Design Spectrum Suite png
Експортувати палітру
Завантажте "Material Design Spectrum Suite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: