什麼是單色調色盤？

單色調色盤產生器透過產生一系列深淺色調（較暗的暗色和較亮的淺色），從單一基礎色建立和諧的配色方案。調整步驟數，並將調色盤匯出為 CSS 變數、Tailwind 設定，或複製單個十六進位/RGB 值。

使用方法

1. 使用顏色選擇器選擇基礎色，或直接輸入十六進位顏色代碼。
2. 調整暗色和淺色的數量（步驟數），並設定明暗範圍。
3. 複製單個顏色值，或將整個調色盤匯出為 CSS 自訂屬性、Tailwind 設定物件或顏色色票圖片。

結果

您正在建構資料視覺化儀表板，需要一套藍色調色盤。以 #3B82F6 為基礎色，產生從接近白色（#EBF2FE）到接近黑色（#1A2744）的 9 個步驟。匯出為 CSS 變數，在圖表中使用 --color-blue-100 到 --color-blue-900。

相關工具