Mobile UI for Cognitive Load Reduction
- Calm Sky#b5eaea
- Action Lavender#b28dff
- Focus Surface White#ffffff
- Distractor Gray#ced4da
- Primary Mint#a8e6cf
- Feedback Yellow#fff89a
Створено 07/16/2025 20:24
Палітра містить світлий кольори. Акцентні кольори Action Lavender #b28dff та Feedback Yellow #fff89a. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #B28DFF (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 6).
HEX-коди (відсортовано): #A8E6CF, #B28DFF, #B5EAEA, #CED4DA, #FFF89A, #FFFFFF
Палітра Mobile UI for Cognitive Load Reduction містить комбінацію з 6 кодів кольорів :
HEX: #b5eaea, RGB: (181, 234, 234); HEX: #b28dff, RGB: (178, 141, 255); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #ced4da, RGB: (206, 212, 218); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #fff89a, RGB: (255, 248, 154)
Спрощений варіант палітри кольорів
Темний відтінок Блідо-бірюзовий, Світлий відтінок Помірно-фіолетовий, Білий, Темний відтінок Світло-сірий, Темний відтінок Блідо-бірюзовий, Світлий відтінок Хакі
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Mobile UI for Cognitive Load Reduction коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #b5eaea | #b5eaea | RGB(181, 234, 234) | Calm Sky | — |
| #b28dff | #b28dff | RGB(178, 141, 255) | Action Lavender | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Focus Surface White | White |
| #ced4da | #ced4da | RGB(206, 212, 218) | Distractor Gray | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Primary Mint | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Feedback Yellow | — |
Контраст палітри кольорів
13 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#b5eaea | #b28dff | 1.95 |
#b5eaea | #ffffff | 1.31 |
#b5eaea | #ced4da | 1.13 |
#b5eaea | #a8e6cf | 1.06 |
#b5eaea | #fff89a | 1.2 |
#b28dff | #ced4da | 1.72 |
Палітра із зображення Mobile UI for Cognitive Load Reduction png
Експортувати палітру
Завантажте "Mobile UI for Cognitive Load Reduction" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: