Augmented Reality UX Engineer Design Palette

Spatial Blue
#0c4a6e
Depth Cyan
#06b6d4
Holo Violet
#6d28d9
Motion Lime
#84cc16
Surface Gray
#e5e7eb
Anchor Black
#030712

Палітра містить світлий, темний кольори. Акцентні кольори Depth Cyan #06b6d4 та Motion Lime #84cc16. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #030712 (найтемніший) до #E5E7EB (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #030712, #06B6D4, #0C4A6E, #6D28D9, #84CC16, #E5E7EB

Палітра Augmented Reality UX Engineer Design Palette містить комбінацію з 6 кодів кольорів :

HEX: #0c4a6e, RGB: (12, 74, 110); HEX: #06b6d4, RGB: (6, 182, 212); HEX: #6d28d9, RGB: (109, 40, 217)

HEX: #84cc16, RGB: (132, 204, 22); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #030712, RGB: (3, 7, 18)

Спрощений варіант палітри кольорів

Відтінок darkslateblue, Відтінок deepskyblue, Відтінок blueviolet, Відтінок Жовтозелений, Відтінок gainsboro, Відтінок Чорний

Кольорова схема створена автором colorhunt

Більше палітр з:

Коди кольорів у палітрі

Augmented Reality UX Engineer Design Palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#0c4a6e	#0c4a6e	RGB(12, 74, 110)	Spatial Blue	—
#06b6d4	#06b6d4	RGB(6, 182, 212)	Depth Cyan	—
#6d28d9	#6d28d9	RGB(109, 40, 217)	Holo Violet	—
#84cc16	#84cc16	RGB(132, 204, 22)	Motion Lime	—
#e5e7eb	#e5e7eb	RGB(229, 231, 235)	Surface Gray	—
#030712	#030712	RGB(3, 7, 18)	Anchor Black	—

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#0c4a6e	#6d28d9	1.33
#06b6d4	#84cc16	1.22
#06b6d4	#e5e7eb	1.96
#84cc16	#e5e7eb	1.59

Зображення палітри Augmented Reality UX Engineer Design Palette png

Augmented Reality UX Engineer Design Palette - #566290

--color-spatial-blue:	#0c4a6e;
--color-depth-cyan:	#06b6d4;
--color-holo-violet:	#6d28d9;
--color-motion-lime:	#84cc16;
--color-surface-gray:	#e5e7eb;
--color-anchor-black:	#030712;

$color-spatial-blue:	#0c4a6e;
$color-depth-cyan:	#06b6d4;
$color-holo-violet:	#6d28d9;
$color-motion-lime:	#84cc16;
$color-surface-gray:	#e5e7eb;
$color-anchor-black:	#030712;

@color-spatial-blue:	#0c4a6e;
@color-depth-cyan:	#06b6d4;
@color-holo-violet:	#6d28d9;
@color-motion-lime:	#84cc16;
@color-surface-gray:	#e5e7eb;
@color-anchor-black:	#030712;