Створено 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Swipe Sky #9ed8f3 та Form Eggshell #fffbf5. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #2F2E33 (найтемніший) до #FFFBF5 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
Палітра Mobile Interaction Pattern Guide містить комбінацію з 6 кодів кольорів :
HEX: #ffcba4, RGB: (255, 203, 164); HEX: #2f2e33, RGB: (47, 46, 51); HEX: #9ed8f3, RGB: (158, 216, 243)
HEX: #fffbf5, RGB: (255, 251, 245); HEX: #7a4eab, RGB: (122, 78, 171); HEX: #f44336, RGB: (244, 67, 54)
Спрощений варіант палітри кольорів
Відтінок peachpuff, Відтінок Чорний, Відтінок skyblue, Відтінок floralwhite, Відтінок slateblue, Відтінок tomato
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Mobile Interaction Pattern Guide коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffcba4 | #ffcba4 | RGB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RGB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RGB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RGB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Alert Red | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Зображення палітри Mobile Interaction Pattern Guide png
Експортувати палітру
Завантажте "Mobile Interaction Pattern Guide" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: