Создано 04/15/2026 11:34
React Native Edge AI Mobile UX Microinteraction Kit
Midnight Mobile
#0d111a
Tap Blue
#1a7cff
Swipe Coral
#ff5a7a
Haptic Green
#2ee59d
Glass Violet
#7a5cfa
Signal Gray
#98a2b3
Card Snow
#f7faff
Палитра содержит темный, светлый цвета. Акцентные цвета Swipe Coral #ff5a7a да Card Snow #f7faff. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #0D111A (самый тёмный) до #F7FAFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0D111A, #1A7CFF, #2EE59D, #7A5CFA, #98A2B3, #F7FAFF, #FF5A7A
Палитра React Native Edge AI Mobile UX Microinteraction Kit содержит комбинацию из 7 кодов цветов:
HEX: #0d111a, RGB: (13, 17, 26); HEX: #1a7cff, RGB: (26, 124, 255); HEX: #ff5a7a, RGB: (255, 90, 122)
HEX: #2ee59d, RGB: (46, 229, 157); HEX: #7a5cfa, RGB: (122, 92, 250); HEX: #98a2b3, RGB: (152, 162, 179)
HEX: #f7faff, RGB: (247, 250, 255)
Упрощенная версия цветов палитры
Тень Черный, Оттенок dodgerblue, Оттенок lightcoral, Тень mediumspringgreen, Оттенок mediumslateblue, Оттенок darkgrey, Тень ghostwhite
Цветовая схема создана автором raccoon
Коды цветов в палитре
React Native Edge AI Mobile UX Microinteraction Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #0d111a | #0d111a | RGB(13, 17, 26) | Midnight Mobile | — |
| #1a7cff | #1a7cff | RGB(26, 124, 255) | Tap Blue | — |
| #ff5a7a | #ff5a7a | RGB(255, 90, 122) | Swipe Coral | — |
| #2ee59d | #2ee59d | RGB(46, 229, 157) | Haptic Green | — |
| #7a5cfa | #7a5cfa | RGB(122, 92, 250) | Glass Violet | — |
| #98a2b3 | #98a2b3 | RGB(152, 162, 179) | Signal Gray | — |
| #f7faff | #f7faff | RGB(247, 250, 255) | Card Snow | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#1a7cff | #ff5a7a | 1.3 |
#1a7cff | #7a5cfa | 1.13 |
#1a7cff | #98a2b3 | 1.51 |
#ff5a7a | #2ee59d | 1.83 |
#ff5a7a | #7a5cfa | 1.47 |
#ff5a7a | #98a2b3 | 1.16 |
Изображение палитры React Native Edge AI Mobile UX Microinteraction Kit png
Экспорт палитры
Скачайте "React Native Edge AI Mobile UX Microinteraction Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: