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