AI Systems Cognition Chart

Inference Blue
#1e88e5
Epoch Orange
#ffa726
Gradient Fog
#f2f4f8
Backprop Emerald
#00c49a
Tensor Plum
#8e44ad
Neuro Shell
#ececec

Палитра содержит светлый, полутемный цвета. Акцентные цвета Epoch Orange #ffa726 да Backprop Emerald #00c49a. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

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

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #00C49A, #1E88E5, #8E44AD, #ECECEC, #F2F4F8, #FFA726

Палитра AI Systems Cognition Chart содержит комбинацию из 6 кодов цветов:

HEX: #1e88e5, RGB: (30, 136, 229); HEX: #ffa726, RGB: (255, 167, 38); HEX: #f2f4f8, RGB: (242, 244, 248)

HEX: #00c49a, RGB: (0, 196, 154); HEX: #8e44ad, RGB: (142, 68, 173); HEX: #ececec, RGB: (236, 236, 236)

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

Оттенок dodgerblue, Тень Оранжевый, Оттенок whitesmoke, Оттенок mediumaquamarine, Тень darkorchid, Оттенок whitesmoke

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

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

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

AI Systems Cognition Chart коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#1e88e5	#1e88e5	RGB(30, 136, 229)	Inference Blue	—
#ffa726	#ffa726	RGB(255, 167, 38)	Epoch Orange	—
#f2f4f8	#f2f4f8	RGB(242, 244, 248)	Gradient Fog	—
#00c49a	#00c49a	RGB(0, 196, 154)	Backprop Emerald	—
#8e44ad	#8e44ad	RGB(142, 68, 173)	Tensor Plum	—
#ececec	#ececec	RGB(236, 236, 236)	Neuro Shell	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#1e88e5	#ffa726	1.89
#1e88e5	#00c49a	1.64
#1e88e5	#8e44ad	1.59
#ffa726	#f2f4f8	1.76
#ffa726	#00c49a	1.15
#ffa726	#ececec	1.64

Изображение палитры AI Systems Cognition Chart png

--color-inference-blue:	#1e88e5;
--color-epoch-orange:	#ffa726;
--color-gradient-fog:	#f2f4f8;
--color-backprop-emerald:	#00c49a;
--color-tensor-plum:	#8e44ad;
--color-neuro-shell:	#ececec;

$color-inference-blue:	#1e88e5;
$color-epoch-orange:	#ffa726;
$color-gradient-fog:	#f2f4f8;
$color-backprop-emerald:	#00c49a;
$color-tensor-plum:	#8e44ad;
$color-neuro-shell:	#ececec;

@color-inference-blue:	#1e88e5;
@color-epoch-orange:	#ffa726;
@color-gradient-fog:	#f2f4f8;
@color-backprop-emerald:	#00c49a;
@color-tensor-plum:	#8e44ad;
@color-neuro-shell:	#ececec;