Mobile UI Interaction Tokens
- Tap Sky#60a5fa
- Drag Lilac#c4b5fd
- Swipe Mint#34d399
- Hold Coral#fb7185
- Drop Cream#fffdf7
- Press Graphite#1f2937
- Bounce Fog#f3f4f6
Создано 06/28/2025 20:35
Палитра содержит светлый, темный цвета. Акцентные цвета Drag Lilac #c4b5fd и Drop Cream #fffdf7. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1F2937 (самый тёмный) до #FFFDF7 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 71% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 7).
HEX-коды (по возрастанию): #1F2937, #34D399, #60A5FA, #C4B5FD, #F3F4F6, #FB7185, #FFFDF7
Палитра Mobile UI Interaction Tokens содержит комбинацию из 7 кодов цветов:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #34d399, RGB: (52, 211, 153)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #f3f4f6, RGB: (243, 244, 246)
Упрощенная версия цветов палитры
Светлый оттенок Васильковый, Светлый оттенок Светлый стальной синий, Тёмный оттенок Умеренный аквамариновый, Тёмный оттенок Светло-коралловый, Светлый оттенок Цветочно-белый, Светлый оттенок Черный, Тёмный оттенок Дымчато-белый
Цветовая схема создана автором colorday
Коды цветов в палитре
Mobile UI Interaction Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Tap Sky | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Drag Lilac | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Swipe Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Hold Coral | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Drop Cream | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Graphite | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Bounce Fog | — |
Контраст палитры цветов
11 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#60a5fa | #c4b5fd | 1.37 |
#60a5fa | #34d399 | 1.32 |
#60a5fa | #fb7185 | 1.05 |
#c4b5fd | #34d399 | 1.04 |
#c4b5fd | #fb7185 | 1.45 |
#c4b5fd | #fffdf7 | 1.81 |
Палитра из изображения Mobile UI Interaction Tokens png
Экспорт палитры
Скачайте "Mobile UI Interaction Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: