Создано 07/28/2025 19:49
Mobile Microinteraction Design System
- Swipe Teal#00d8c0
- Tap Coral#ff9aa2
- Vibrate Yellow#fff6a5
- Hold Gray#dadada
- Bounce Blue#56ccf2
- Screen White#fbfbfb
Палитра содержит светлый цвета. Акцентные цвета Vibrate Yellow #fff6a5 да Bounce Blue #56ccf2. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #00D8C0 (самый тёмный) до #FBFBFB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #00D8C0, #56CCF2, #DADADA, #FBFBFB, #FF9AA2, #FFF6A5
Палитра Mobile Microinteraction Design System содержит комбинацию из 6 кодов цветов:
HEX: #00d8c0, RGB: (0, 216, 192); HEX: #ff9aa2, RGB: (255, 154, 162); HEX: #fff6a5, RGB: (255, 246, 165)
HEX: #dadada, RGB: (218, 218, 218); HEX: #56ccf2, RGB: (86, 204, 242); HEX: #fbfbfb, RGB: (251, 251, 251)
Упрощенная версия цветов палитры
Оттенок turquoise, Оттенок lightpink, Тень хаки, Оттенок gainsboro, Оттенок skyblue, Оттенок Белый
Цветовая схема создана автором hex
Коды цветов в палитре
Mobile Microinteraction Design System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #00d8c0 | #00d8c0 | RGB(0, 216, 192) | Swipe Teal | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Tap Coral | — |
| #fff6a5 | #fff6a5 | RGB(255, 246, 165) | Vibrate Yellow | — |
| #dadada | #dadada | RGB(218, 218, 218) | Hold Gray | — |
| #56ccf2 | #56ccf2 | RGB(86, 204, 242) | Bounce Blue | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Screen White | Whiteout |
Контраст палитры цветов
15 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00d8c0 | #ff9aa2 | 1.11 |
#00d8c0 | #fff6a5 | 1.63 |
#00d8c0 | #dadada | 1.29 |
#00d8c0 | #56ccf2 | 1.02 |
#00d8c0 | #fbfbfb | 1.75 |
#ff9aa2 | #fff6a5 | 1.82 |
Изображение палитры Mobile Microinteraction Design System png
Экспорт палитры
Скачайте "Mobile Microinteraction Design System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: