Neuro-Symbolic AI Design Kit

Logic Grid Navy
#223843
Synaptic Pink
#f58f84
Fusion Yellow
#fce762
Reasoning Cream
#fff6e0
Abstraction Grey
#8c8c8c
Inference Blue
#82cffd

Палитра содержит светлый цвета. Акцентные цвета Reasoning Cream #fff6e0 да Inference Blue #82cffd. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #223843, #82CFFD, #8C8C8C, #F58F84, #FCE762, #FFF6E0

Палитра Neuro-Symbolic AI Design Kit содержит комбинацию из 6 кодов цветов:

HEX: #223843, RGB: (34, 56, 67); HEX: #f58f84, RGB: (245, 143, 132); HEX: #fce762, RGB: (252, 231, 98)

HEX: #fff6e0, RGB: (255, 246, 224); HEX: #8c8c8c, RGB: (140, 140, 140); HEX: #82cffd, RGB: (130, 207, 253)

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

Оттенок darkslategrey, Тень salmon, Оттенок хаки, Оттенок cornsilk, Тень Серый, Оттенок lightskyblue

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

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

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

Neuro-Symbolic AI Design Kit коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#223843	#223843	RGB(34, 56, 67)	Logic Grid Navy	—
#f58f84	#f58f84	RGB(245, 143, 132)	Synaptic Pink	Ibis Wing
#fce762	#fce762	RGB(252, 231, 98)	Fusion Yellow	—
#fff6e0	#fff6e0	RGB(255, 246, 224)	Reasoning Cream	—
#8c8c8c	#8c8c8c	RGB(140, 140, 140)	Abstraction Grey	Gray55
#82cffd	#82cffd	RGB(130, 207, 253)	Inference Blue	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#f58f84	#fce762	1.83
#f58f84	#8c8c8c	1.46
#f58f84	#82cffd	1.34
#fce762	#fff6e0	1.16
#fce762	#82cffd	1.36
#fff6e0	#82cffd	1.58

Изображение палитры Neuro-Symbolic AI Design Kit png

--color-logic-grid-navy:	#223843;
--color-synaptic-pink:	#f58f84;
--color-fusion-yellow:	#fce762;
--color-reasoning-cream:	#fff6e0;
--color-abstraction-grey:	#8c8c8c;
--color-inference-blue:	#82cffd;

$color-logic-grid-navy:	#223843;
$color-synaptic-pink:	#f58f84;
$color-fusion-yellow:	#fce762;
$color-reasoning-cream:	#fff6e0;
$color-abstraction-grey:	#8c8c8c;
$color-inference-blue:	#82cffd;

@color-logic-grid-navy:	#223843;
@color-synaptic-pink:	#f58f84;
@color-fusion-yellow:	#fce762;
@color-reasoning-cream:	#fff6e0;
@color-abstraction-grey:	#8c8c8c;
@color-inference-blue:	#82cffd;