Augmented UI Interaction Model
- Overlay Ice#e0f7fa
- Modal Shadow#263238
- Parallax Peach#ffccbc
- Haptic Blue#4fc3f7
- Gesture Slate#607d8b
- Layered Panel White#ffffff
Створено 07/07/2025 17:15
Палітра містить світлий, темний кольори. Акцентні кольори Parallax Peach #ffccbc та Haptic Blue #4fc3f7. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #263238 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #263238, #4FC3F7, #607D8B, #E0F7FA, #FFCCBC, #FFFFFF
Палітра Augmented UI Interaction Model містить комбінацію з 6 кодів кольорів :
HEX: #e0f7fa, RGB: (224, 247, 250); HEX: #263238, RGB: (38, 50, 56); HEX: #ffccbc, RGB: (255, 204, 188)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #607d8b, RGB: (96, 125, 139); HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Темний відтінок Лазуровий, Темний відтінок Темний сланцево-сірий, Темний відтінок Туманна троянда, Світлий відтінок Насичений небесно-блакитний, Темний відтінок Сланцево-сірий, Білий
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Augmented UI Interaction Model коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #e0f7fa | #e0f7fa | RGB(224, 247, 250) | Overlay Ice | — |
| #263238 | #263238 | RGB(38, 50, 56) | Modal Shadow | — |
| #ffccbc | #ffccbc | RGB(255, 204, 188) | Parallax Peach | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | Haptic Blue | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | Gesture Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Layered Panel White | White |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#e0f7fa | #ffccbc | 1.29 |
#e0f7fa | #4fc3f7 | 1.79 |
#e0f7fa | #ffffff | 1.11 |
#ffccbc | #4fc3f7 | 1.39 |
#ffccbc | #ffffff | 1.43 |
Палітра із зображення Augmented UI Interaction Model png
Експортувати палітру
Завантажте "Augmented UI Interaction Model" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: