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