SaaS 儀表板配色方案

SaaS Dashboard Color Palette

資料儀表板配色,資訊層次分明。

使用場景與建議

資料儀表板需要多個不可混淆的色彩來區分資料維度。淺灰底色讓圖表突出,藍/紫/紅三色在色盲測試中也有足夠區分度。避免使用太相近的顏色以免造成讀圖困難。

saasdashboarddatachart

配色詳細資訊

CSS 程式碼

:root {
  --color-1: #f8fafc;
  --color-2: #64748b;
  --color-3: #3b82f6;
  --color-4: #8b5cf6;
  --color-5: #f43f5e;
}

相關調色盤

常見問題