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 - #570751

--color-focus-blue:	#3b82f6;
--color-memory-green:	#22c55e;
--color-attention-yellow:	#facc15;
--color-error-red:	#ef4444;
--color-neutral-light:	#f9fafb;
--color-depth-gray:	#6b7280;
--color-text-black:	#020617;

$color-focus-blue:	#3b82f6;
$color-memory-green:	#22c55e;
$color-attention-yellow:	#facc15;
$color-error-red:	#ef4444;
$color-neutral-light:	#f9fafb;
$color-depth-gray:	#6b7280;
$color-text-black:	#020617;

@color-focus-blue:	#3b82f6;
@color-memory-green:	#22c55e;
@color-attention-yellow:	#facc15;
@color-error-red:	#ef4444;
@color-neutral-light:	#f9fafb;
@color-depth-gray:	#6b7280;
@color-text-black:	#020617;