AI Performance Monitoring UI

Inference Sky
#60a5fa
Load Mint
#34d399
Latency Cream
#fef6ec
Alert Coral
#fb7185
Graph Slate
#64748b
Metric Indigo
#4f46e5
Result Jet
#0f172a

Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Inference Sky #60a5fa да Alert Coral #fb7185. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

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

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

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

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

HEX-коды (по возрастанию): #0F172A, #34D399, #4F46E5, #60A5FA, #64748B, #FB7185, #FEF6EC

Палитра AI Performance Monitoring UI содержит комбинацию из 7 кодов цветов:

HEX: #60a5fa, RGB: (96, 165, 250); HEX: #34d399, RGB: (52, 211, 153); HEX: #fef6ec, RGB: (254, 246, 236)

HEX: #fb7185, RGB: (251, 113, 133); HEX: #64748b, RGB: (100, 116, 139); HEX: #4f46e5, RGB: (79, 70, 229)

HEX: #0f172a, RGB: (15, 23, 42)

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

Тень cornflowerblue, Оттенок mediumaquamarine, Оттенок floralwhite, Оттенок lightcoral, Оттенок slategrey, Оттенок slateblue, Тень Черный

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

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

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

AI Performance Monitoring UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#60a5fa	#60a5fa	RGB(96, 165, 250)	Inference Sky	—
#34d399	#34d399	RGB(52, 211, 153)	Load Mint	—
#fef6ec	#fef6ec	RGB(254, 246, 236)	Latency Cream	—
#fb7185	#fb7185	RGB(251, 113, 133)	Alert Coral	—
#64748b	#64748b	RGB(100, 116, 139)	Graph Slate	—
#4f46e5	#4f46e5	RGB(79, 70, 229)	Metric Indigo	—
#0f172a	#0f172a	RGB(15, 23, 42)	Result Jet	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#60a5fa	#34d399	1.32
#60a5fa	#fb7185	1.05
#60a5fa	#64748b	1.87
#34d399	#fef6ec	1.79
#34d399	#fb7185	1.4
#fb7185	#64748b	1.76

Изображение палитры AI Performance Monitoring UI png

--color-inference-sky:	#60a5fa;
--color-load-mint:	#34d399;
--color-latency-cream:	#fef6ec;
--color-alert-coral:	#fb7185;
--color-graph-slate:	#64748b;
--color-metric-indigo:	#4f46e5;
--color-result-jet:	#0f172a;

$color-inference-sky:	#60a5fa;
$color-load-mint:	#34d399;
$color-latency-cream:	#fef6ec;
$color-alert-coral:	#fb7185;
$color-graph-slate:	#64748b;
$color-metric-indigo:	#4f46e5;
$color-result-jet:	#0f172a;

@color-inference-sky:	#60a5fa;
@color-load-mint:	#34d399;
@color-latency-cream:	#fef6ec;
@color-alert-coral:	#fb7185;
@color-graph-slate:	#64748b;
@color-metric-indigo:	#4f46e5;
@color-result-jet:	#0f172a;