Створено 07/28/2025 11:01
Interactive Mobile App Motion Kit
- Animation Sky#b6e3ff
- Tap Pink#ffa8ba
- Hold Orange#ffb480
- Drag Gray#ced4da
- Screen Black#000000
- Motion Blue#4d8aff
- UI White#ffffff
Палітра містить світлий, темний кольори. Акцентні кольори Animation Sky #b6e3ff та Hold Orange #ffb480. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #000000 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #000000, #4D8AFF, #B6E3FF, #CED4DA, #FFA8BA, #FFB480, #FFFFFF
Палітра Interactive Mobile App Motion Kit містить комбінацію з 7 кодів кольорів :
HEX: #b6e3ff, RGB: (182, 227, 255); HEX: #ffa8ba, RGB: (255, 168, 186); HEX: #ffb480, RGB: (255, 180, 128)
HEX: #ced4da, RGB: (206, 212, 218); HEX: #000000, RGB: (0, 0, 0); HEX: #4d8aff, RGB: (77, 138, 255)
HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Відтінок lightblue, Відтінок lightpink, Відтінок sandybrown, Відтінок lightgrey, Чорний, Відтінок cornflowerblue, Білий
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Interactive Mobile App Motion Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b6e3ff | #b6e3ff | RGB(182, 227, 255) | Animation Sky | — |
| #ffa8ba | #ffa8ba | RGB(255, 168, 186) | Tap Pink | — |
| #ffb480 | #ffb480 | RGB(255, 180, 128) | Hold Orange | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Drag Gray | — |
| #000000 | #000000 | RGB(0, 0, 0) | Screen Black | Black |
| #4d8aff | #4d8aff | RGB(77, 138, 255) | Motion Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI White | White |
Контраст палітри кольорів
12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b6e3ff | #ffa8ba | 1.33 |
#b6e3ff | #ffb480 | 1.27 |
#b6e3ff | #ced4da | 1.09 |
#b6e3ff | #ffffff | 1.36 |
#ffa8ba | #ffb480 | 1.04 |
#ffa8ba | #ced4da | 1.21 |
Зображення палітри Interactive Mobile App Motion Kit png
Експортувати палітру
Завантажте "Interactive Mobile App Motion Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: