Создано 03/30/2026 11:31
Human Computer Interaction Cognitive Load UX Palette
- Focus Blue#3b82f6
- Memory Green#22c55e
- Attention Yellow#facc15
- Error Red#ef4444
- Neutral Light#f9fafb
- Depth Gray#6b7280
- Text Black#020617
Палитра содержит светлый, темный цвета. Акцентные цвета Focus Blue #3b82f6 да Attention Yellow #facc15. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #020617 (самый тёмный) до #F9FAFB (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #020617, #22C55E, #3B82F6, #6B7280, #EF4444, #F9FAFB, #FACC15
Палитра Human Computer Interaction Cognitive Load UX Palette содержит комбинацию из 7 кодов цветов:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #020617, RGB: (2, 6, 23)
Упрощенная версия цветов палитры
Оттенок dodgerblue, Оттенок limegreen, Оттенок gold, Оттенок indianred, Тень whitesmoke, Оттенок slategrey, Тень Черный
Цветовая схема создана автором colorday
Коды цветов в палитре
Human Computer Interaction Cognitive Load UX Palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Memory Green | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Attention Yellow | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Neutral Light | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Depth Gray | — |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #ef4444 | 1.02 |
#3b82f6 | #6b7280 | 1.31 |
#22c55e | #facc15 | 1.48 |
#22c55e | #ef4444 | 1.65 |
#facc15 | #f9fafb | 1.46 |
Изображение палитры Human Computer Interaction Cognitive Load UX Palette png
Экспорт палитры
Скачайте "Human Computer Interaction Cognitive Load UX Palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: