Responsive Motion Design Kit
- Ease Blue#1976d2
- Transition Coral#ff6f61
- Bounce Mint#81c784
- Delay Yellow#fbc02d
- Frame Gray#9e9e9e
- Stage Black#1a1a1a
Створено 08/11/2025 14:40
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Ease Blue #1976d2 та Transition Coral #ff6f61. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #FBC02D (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #1976D2, #1A1A1A, #81C784, #9E9E9E, #FBC02D, #FF6F61
Палітра Responsive Motion Design Kit містить комбінацію з 6 кодів кольорів :
HEX: #1976d2, RGB: (25, 118, 210); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #81c784, RGB: (129, 199, 132)
HEX: #fbc02d, RGB: (251, 192, 45); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #1a1a1a, RGB: (26, 26, 26)
Спрощений варіант палітри кольорів
Темний відтінок Сталевий синій, Темний відтінок Лососевий, Світлий відтінок Темний морський зелений, Світлий відтінок Золотарник, Темний відтінок Темно-сірий, Світлий відтінок Чорний
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Responsive Motion Design Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Ease Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Transition Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Bounce Mint | — |
| #fbc02d | #fbc02d | RGB(251, 192, 45) | Delay Yellow | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Frame Gray | Gray62 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Stage Black | Gray10 |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#1976d2 | #ff6f61 | 1.68 |
#1976d2 | #9e9e9e | 1.71 |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #fbc02d | 1.64 |
#ff6f61 | #9e9e9e | 1.01 |
#81c784 | #fbc02d | 1.21 |
Палітра із зображення Responsive Motion Design Kit png
Експортувати палітру
Завантажте "Responsive Motion Design Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: