Mobile-First Cognitive UI Design
- Tap Feedback Pink#f9a8d4
- Responsive Sky#e0f2fe
- Thumb Zone Yellow#fef9c3
- Focus Ring Blue#3b82f6
- Gesture Gray#9ca3af
- Contrast Black#1c1c1c
Створено 07/19/2025 07:33
Палітра містить світлий, темний кольори. Акцентні кольори Responsive Sky #e0f2fe та Thumb Zone Yellow #fef9c3. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #1C1C1C (найтемніший) до #FEF9C3 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (2 із 6).
HEX-коди (відсортовано): #1C1C1C, #3B82F6, #9CA3AF, #E0F2FE, #F9A8D4, #FEF9C3
Палітра Mobile-First Cognitive UI Design містить комбінацію з 6 кодів кольорів :
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #e0f2fe, RGB: (224, 242, 254); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #1c1c1c, RGB: (28, 28, 28)
Спрощений варіант палітри кольорів
Світлий відтінок Сливовий, Темний відтінок Блакитний Еліс, Темний відтінок Лимонний шифон, Темний відтінок Захисно-синій, Темний відтінок Темно-сірий, Світлий відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Mobile-First Cognitive UI Design коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Tap Feedback Pink | — |
| #e0f2fe | #e0f2fe | RGB(224, 242, 254) | Responsive Sky | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Thumb Zone Yellow | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Ring Blue | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Gesture Gray | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Contrast Black | Gray11 |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f9a8d4 | #e0f2fe | 1.58 |
#f9a8d4 | #fef9c3 | 1.68 |
#f9a8d4 | #9ca3af | 1.39 |
#e0f2fe | #fef9c3 | 1.06 |
#3b82f6 | #9ca3af | 1.44 |
Палітра із зображення Mobile-First Cognitive UI Design png
Експортувати палітру
Завантажте "Mobile-First Cognitive UI Design" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: