🎨 色彩調色盤生成器
立即使用類似色、補色和三色等和諧模式生成漂亮的五種顏色調色盤 — 或直接從任何圖片中提取調色盤。鎖定您喜歡的顏色，然後將該組顏色匯出為 HEX 清單、CSS 變數、Tailwind 設定檔或 JSON。這完全免費，且完全在您的瀏覽器中運行，無需上傳或登入。
按下空格鍵生成新的調色盤。
隱私優先設計. 此工具完全在您的瀏覽器中運行 — 您輸入的內容不會上傳或儲存，而且它可以在離線狀態下使用。
關於
此工具以兩種方式建立五種顏色的調色盤：從四種和諧模式（隨機、類似色、補色、三色）生成，或從您選擇的任何圖片中提取五種主導顏色 — 圖片會在本地使用 median-cut 量化處理，從未上傳。鎖定個別色塊以在重新生成時保留它們，然後複製任何單個 HEX 程式碼或將整個調色盤匯出為您需要的格式：純粹的 HEX 清單、CSS 自訂屬性、Tailwind 顏色片段或 JSON 陣列。所有操作都在您的瀏覽器中進行，因此從來沒有顏色或圖片資料離開您的設備 — 無伺服器、無帳號。 每個色塊也會顯示其最接近的 PANTONE Solid Coated 號碼（例如 PANTONE 185 C），因此生成的或從圖片中提取的色板可以直接轉向印刷流程。
如何使用
- 從「模式」下拉選單中選擇和諧模式 — 隨機、類似色、補色或三色 —
- 點選「產生」（或按下空格鍵）來建立全新的五色調色盤。
- 點選任何色塊旁的鎖定圖示，即可在重新生成其他顏色時固定該顏色。
- 點選色塊旁的「複製HEX」來複製該顏色的HEX代碼到剪貼簿。
- 使用「全部複製」來一次導出所有五個HEX代碼，以便在您的設計工具或程式碼中使用。
- 點選「從圖片」並選擇一張照片 — 工具會從圖片中提取出五種主導顏色到調色盤中，所有操作都在本地完成。
- 選擇匯出格式 — HEX 清單、CSS 變數、Tailwind 或 JSON — 然後點選複製，將調色盤放入您的專案中。
常見問題
- 這個工具可以免費使用嗎？
- 是的，完全免費 — 無需訂閱、無需帳號，也沒有隱藏限制。只需打開網頁，開始生成調色盤。
- 您會上傳我的顏色資料到伺服器嗎？
- 不會。整個工具都是在您的瀏覽器中使用JavaScript運行的。沒有任何資料會傳送至伺服器 — 您的調色盤資料只會儲存在瀏覽器的localStorage中。
- Color Palette Generator 是否可以在離線環境下使用？
- 是的。網頁載入後，即可完全離線使用。不需要任何外部API呼叫或CDN依賴。
- 和諧模式之間有什麼區別？
- 隨機模式會選擇五種無關的色調。類似色模式會將五種色調集中在色輪上相近的位置，以達到平靜且協調的視覺效果。補色模式會選擇色輪對側的色調，以達到高對比效果。三色模式會將三種色調家族分佈在120度的位置，以達到鮮豔且平衡的調色盤。
- 我可以固定喜歡的顏色，同時重新生成其他顏色嗎？
- 可以。點選任何色塊旁的鎖定圖示即可固定該顏色。鎖定的色塊在生成時會被跳過，因此您可以自由地圍繞您喜歡的顏色進行迭代。
- 我可以從圖片建立調色盤嗎？
- 可以。點選「從圖片」並選擇照片；工具會使用 median-cut 量化技術從圖片中提取五種主導顏色，全部在您的瀏覽器中完成 — 圖片從未上傳。
- 有哪些可用的匯出格式？
- 將調色盤複製為純粹的 HEX 清單、CSS 自訂屬性（:root 變數）、Tailwind 顏色片段或 JSON 陣列 — 可直接貼到您的程式碼或設計工具中。
- 我可以查看色板的潘通號碼嗎？
- 可以。每個五個色塊都會顯示其 HEX 編碼和最接近的 PANTONE Solid Coated 匹配（例如 PANTONE 185 C）；點選潘通標籤即可複製。匹配使用感知 CIEDE2000 公式，僅作為近似 sRGB 參考，因為潘通專色油墨是根據物理特性定義的，而不是根據螢幕值。
- 此工具會上傳我的資料嗎？
- 不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。