什麼是 調色板產生器？

免費線上調色板產生器。基於 HSL 色彩理論產生互補、類似、三色、四色、單色或漸變色板。匯出為 CSS 變數或 JSON。

調色盤是視覺設計的基礎——它們定義了任何專案的情緒、階層與品牌識別。無論您是在設計網站、建立品牌識別、製作簡報，還是處理資料視覺化，選擇正確的顏色組合可能就是成品精緻或雜亂的分水嶺。色彩調色盤產生器套用既定的色彩理論原則，將這個過程系統化，從任何起始顏色產生和諧的調色盤。

使用視覺顏色選擇器挑選基準色、直接輸入十六進位值，或按一下隨機按鈕尋找靈感。然後從六種配色類型中選擇：互補色（色輪上相對的顏色，產生高對比）、相似色（相鄰顏色，產生和諧感）、三等色（三個均勻間隔的顏色，產生鮮明感）、四等色（兩組互補色對，產生豐富的調色盤）、單色（同一色相的不同變化，優雅且凝聚）與明暗色（同一顏色的較亮與較暗版本）。每種配色類型都使用 HSL 色彩空間數學產生，確保色彩關係在數學上合理。

產生的調色盤會以色票及其十六進位值顯示。按一下任何色票即可將十六進位碼複製到剪貼簿。匯出功能支援兩種格式：可直接貼入樣式表的 CSS 自訂屬性（變數，例如 --color-1、--color-2 等），以及可供 JavaScript 應用程式或設計工具使用的 JSON 陣列。無論您的工作流程為何，這種靈活性都讓調色盤立即可用。

除了產生調色盤之外，這款工具也是色彩理論的學習資源。透過嘗試不同的基準色與配色類型，您可以培養對哪些色彩關係搭配良好的直覺。即時回饋——每按一下就看到新調色盤——比閱讀教科書上的色彩理論更快地加速學習過程。

這款工具在設計之外也有實際應用。內容創作者用它建立一致的社群媒體調色盤，讓他們的內容牆看起來視覺上凝聚。產品經理產生調色盤變化，在 A/B 測試中嘗試不同的色彩策略。資料記者為圖表與資訊圖表建立和諧的配色，其中每個資料系列必須鮮明但又屬於同一個視覺家族。匯出為 JSON 可讓開發團隊以程式化方式吸收調色盤，實現設計 token 系統，讓單一調色盤更新就能在整個應用程式中傳播。