Цветовая палитра Material Design
Палитры Material Design следуют логике Google: один основной цвет, один дополнительный для акцентов, нейтральные поверхности и шкала серого для текста и уровней возвышения.
Пример палитры
Основной#1976D2
Светлый основной#42A5F5
Поверхность#FAFAFA
Дополнительный#FFA000
На поверхности#212121
HEX-коды для копирования
Создано для интерфейсов
Классические гармонии оперируют тонами, а Material — ролями: primary, secondary, surface, on-surface, error. У каждого цвета есть задача, поэтому палитра легко преобразуется в токены дизайн-системы.
Контраст и возвышение
Material требует контрастности не менее 4.5:1 между текстом и поверхностью. Уровни возвышения создаются постепенным осветлением поверхности вместо наложения теней — это удобно в тёмной теме, где тени перестают быть видны.
Создать палитру «material design»
Бесплатно, без регистрации