Responsive Analytics Neural Design

創建於 08/02/2025 09:41

調色盤由淺色, 深色種顏色組成. 強調色 Linear Regression Blue #1e90ff 和 KPI Coral #ff6b6b. 調色盤有冷色, 中性色, 暖色色溫.

依亮度，此調色盤由 #212121（最深）到 #F2F2F2（最淺）。亮度範圍較寬。

整體飽和度偏鮮明（彩度較高）——71% 的顏色偏鮮明。

部分顏色在色輪上大致相對，為調色盤帶來互補對比。

冷暖色票大致平衡（2 暖、2 冷）。

HEX 代碼（排序）：#1E90FF, #212121, #9370DB, #F2F2F2, #F8F1E7, #F9A825, #FF6B6B

調色盤 Responsive Analytics Neural Design 具有 7 程式碼顏色的組合:

HEX: #1e90ff, RGB: (30, 144, 255); HEX: #f8f1e7, RGB: (248, 241, 231); HEX: #ff6b6b, RGB: (255, 107, 107)

HEX: #212121, RGB: (33, 33, 33); HEX: #f9a825, RGB: (249, 168, 37); HEX: #f2f2f2, RGB: (242, 242, 242)

HEX: #9370db, RGB: (147, 112, 219)

調色板顏色的簡化版本

道奇藍, 淺色調亞麻色, 暗色調鮭紅色, 淺色調黑色, 淺色調橙色, 暗色調白煙色, 中紫色

配色方案是由 bad_colors

調色盤中的顏色代碼

Responsive Analytics Neural Design 表中顏色代碼 HEX、RGB 訊息

9 色彩搭配對比度過低，需要改善，這可能會影響可讀性。

--color-linear-regression-blue:	#1e90ff;
--color-bayesian-cream:	#f8f1e7;
--color-kpi-coral:	#ff6b6b;
--color-system-grid-black:	#212121;
--color-data-point-yellow:	#f9a825;
--color-accessible-fog:	#f2f2f2;
--color-insight-violet:	#9370db;

$color-linear-regression-blue:	#1e90ff;
$color-bayesian-cream:	#f8f1e7;
$color-kpi-coral:	#ff6b6b;
$color-system-grid-black:	#212121;
$color-data-point-yellow:	#f9a825;
$color-accessible-fog:	#f2f2f2;
$color-insight-violet:	#9370db;

@color-linear-regression-blue:	#1e90ff;
@color-bayesian-cream:	#f8f1e7;
@color-kpi-coral:	#ff6b6b;
@color-system-grid-black:	#212121;
@color-data-point-yellow:	#f9a825;
@color-accessible-fog:	#f2f2f2;
@color-insight-violet:	#9370db;