色彩調色盤產生器
立即產生五色調色盤：按空白鍵重新洗牌、鎖定你喜愛的顏色、切換配色模式，並匯出或分享你的調色盤。
按空白鍵重新洗牌，鎖定你想保留的色塊，其餘顏色會圍繞它們重新產生。一切都在你的瀏覽器中執行，無需註冊，完全免費。
關於 色彩調色盤產生器
色彩調色盤產生器只需按一個鍵就能建立五色配色方案。按下空白鍵，或「產生」按鈕，就會出現一組全新的調色盤；鎖定你想保留的色塊後再按一次，只有未鎖定的顏色會被替換，因此你可以一次調整一種顏色來逐步收斂出理想的配色，而不必從頭開始。
五種產生模式決定了結果的樣貌。「隨機」會探索整個色彩空間，而「類比色」、「互補色」、「三等分色」與「單色」則依基準色相周圍的 HSL 關係來建構調色盤，每個色槽都有各自的飽和度與亮度範圍，使輸出看起來像經過設計的配色方案，而非五個毫不相關的顏色。
每個色塊都有選色器可供微調，並可點擊複製 HEX 值。調色盤會編碼在頁面網址中，因此分享按鈕會複製一個能重新開啟完全相同顏色的連結，而匯出面板則可產生 CSS 變數、SCSS、Tailwind 設定、JSON、SVG 色卡表或純 HEX 清單。一切都在你的瀏覽器中執行：不會上傳任何內容，也不會收取任何費用。
如何使用 色彩調色盤產生器
- 按下空白鍵或點擊「產生調色盤」以建立五色配色方案。
- 點擊任何你想保留的色塊上的鎖定圖示，然後再次產生，就只會替換其餘顏色。
- 選擇一種產生模式，隨機、類比色、互補色、三等分色或單色，以掌控配色和諧度。
- 使用選色器微調任何顏色，並點擊 HEX 值即可複製。
- 使用「複製分享連結」將調色盤儲存在網址中，或開啟「匯出」以取得 CSS、SCSS、Tailwind、JSON 或 SVG。
常見問題
在頁面上任何位置按下空白鍵，或點擊「產生調色盤」按鈕。每按一次都會替換所有未鎖定的色塊，因此你可以持續按下，直到出現你喜歡的配色方案為止。
點擊你想保留的色塊上的鎖定圖示。鎖定的顏色會在每次產生時保留，而在配色模式中，第一個鎖定的顏色會成為建構調色盤其餘部分的基準色相。
「隨機」會在整個色彩空間中自由挑選。「類比色」讓色相彼此接近，形成平和的配色；「互補色」將一個色相與其對比色配對以產生對比；「三等分色」在色環上均勻分佈三個色相；而「單色」只變化單一色相的亮度與飽和度。
可以。調色盤存放在頁面網址中，因此「複製分享連結」會提供一個能重新開啟完全相同顏色與鎖定狀態的地址：你可以加入書籤或傳送給同事。你也可以將調色盤匯出為檔案。
CSS 自訂屬性、SCSS 變數、Tailwind 色彩設定、JSON、SVG 色卡表或純 HEX 清單。每一種都可以複製到剪貼簿或下載為檔案，而且你可以設定變數名稱前綴。
是的，完全免費：無需帳號、無需點數、沒有限制。整個產生器都在你的瀏覽器中執行，因此不會有任何資料離開你的裝置。
熱門搜尋
調色盤產生器
隨機調色盤產生器
配色方案產生器
線上產生調色盤
配色組合產生器
免費調色盤產生器
需要協助？
使用此工具時遇到問題？請告訴我們的團隊。