Augmented Reality Semantic Flowchart

Holo Green
#00e5ff
XR Pink
#ff80ab
Structure Amber
#ffd740
Diagram Navy
#283593
Focus White
#ffffff
Shadow Black
#101010

Палитра содержит светлый, темный цвета. Акцентные цвета Holo Green #00e5ff да Structure Amber #ffd740. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #101010 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #00E5FF, #101010, #283593, #FF80AB, #FFD740, #FFFFFF

Палитра Augmented Reality Semantic Flowchart содержит комбинацию из 6 кодов цветов:

HEX: #00e5ff, RGB: (0, 229, 255); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #ffd740, RGB: (255, 215, 64)

HEX: #283593, RGB: (40, 53, 147); HEX: #ffffff, RGB: (255, 255, 255); HEX: #101010, RGB: (16, 16, 16)

Упрощенная версия цветов палитры

Тень darkturquoise, Тень hotpink, Тень gold, Оттенок darkslateblue, Белый, Тень Черный

Цветовая схема создана автором colorslib

Больше палитр с:

Коды цветов в палитре

Augmented Reality Semantic Flowchart коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#00e5ff	#00e5ff	RGB(0, 229, 255)	Holo Green	—
#ff80ab	#ff80ab	RGB(255, 128, 171)	XR Pink	—
#ffd740	#ffd740	RGB(255, 215, 64)	Structure Amber	—
#283593	#283593	RGB(40, 53, 147)	Diagram Navy	—
#ffffff	#ffffff	RGB(255, 255, 255)	Focus White	White
#101010	#101010	RGB(16, 16, 16)	Shadow Black	—

Контраст палитры цветов

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#00e5ff	#ff80ab	1.52
#00e5ff	#ffd740	1.1
#00e5ff	#ffffff	1.53
#ff80ab	#ffd740	1.68
#ffd740	#ffffff	1.39
#283593	#101010	1.83

Изображение палитры Augmented Reality Semantic Flowchart png

Augmented Reality Semantic Flowchart - #559141

--color-holo-green:	#00e5ff;
--color-xr-pink:	#ff80ab;
--color-structure-amber:	#ffd740;
--color-diagram-navy:	#283593;
--color-focus-white:	#ffffff;
--color-shadow-black:	#101010;

$color-holo-green:	#00e5ff;
$color-xr-pink:	#ff80ab;
$color-structure-amber:	#ffd740;
$color-diagram-navy:	#283593;
$color-focus-white:	#ffffff;
$color-shadow-black:	#101010;

@color-holo-green:	#00e5ff;
@color-xr-pink:	#ff80ab;
@color-structure-amber:	#ffd740;
@color-diagram-navy:	#283593;
@color-focus-white:	#ffffff;
@color-shadow-black:	#101010;