Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: