Створено 07/19/2025 07:42
Augmented Cognition UI Stack
- Perception Pink#f9a8d4
- Context Map Indigo#818cf8
- Neuro Input Gray#a1a1aa
- Cognitive Load Yellow#fcd34d
- Focus Blue#60a5fa
- Insight Panel White#fafafa
Палітра містить світлий кольори. Акцентні кольори Cognitive Load Yellow #fcd34d та Focus Blue #60a5fa. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #FCD34D (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #60A5FA, #818CF8, #A1A1AA, #F9A8D4, #FAFAFA, #FCD34D
Палітра Augmented Cognition UI Stack містить комбінацію з 6 кодів кольорів :
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #818cf8, RGB: (129, 140, 248); HEX: #a1a1aa, RGB: (161, 161, 170)
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fafafa, RGB: (250, 250, 250)
Спрощений варіант палітри кольорів
Відтінок plum, Відтінок cornflowerblue, Відтінок darkgrey, Відтінок gold, Відтінок cornflowerblue, Відтінок whitesmoke
Кольорова схема створена автором colorscheme
Більше палітр з:
Коди кольорів у палітрі
Augmented Cognition UI Stack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Perception Pink | — |
| #818cf8 | #818cf8 | RGB(129, 140, 248) | Context Map Indigo | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Neuro Input Gray | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Cognitive Load Yellow | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Focus Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Insight Panel White | Dr. White |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f9a8d4 | #818cf8 | 1.64 |
#f9a8d4 | #a1a1aa | 1.41 |
#f9a8d4 | #fcd34d | 1.25 |
#f9a8d4 | #60a5fa | 1.4 |
#f9a8d4 | #fafafa | 1.73 |
#818cf8 | #a1a1aa | 1.16 |
Зображення палітри Augmented Cognition UI Stack png
Експортувати палітру
Завантажте "Augmented Cognition UI Stack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: