🛝Toolio
關於 聯絡

🎨 色彩調色盤生成器

請使用類比色、補色和三色等和諧模式，即時產生美觀的五色調色盤；或直接從任何圖片擷取調色盤，或從日落等情緒詞產生。請鎖定您喜歡的顏色，其餘調色盤會圍繞它們建立，再將整組匯出為 HEX 清單、CSS 變數、Tailwind 設定、JSON 或 Figma 權杖。此工具完全免費，並全程在您的瀏覽器中執行，不需上傳或登入。想找免費的 Coolors 替代方案嗎？Toolio 版本完全免費，且不需註冊。

按下空格鍵生成新的調色盤。

隱私優先設計. 此工具完全在您的瀏覽器中執行，您輸入的內容不會上傳，且可離線使用。

關於

此工具以三種方式建立五色調色盤：從四種和諧模式（隨機、類比色、補色、三色）生成；輸入一個情緒詞，例如日落、海洋或賽博龐克，以取得該風格的調色盤；或從您選擇的任何圖片提取五種主要顏色（圖片會在本地以中位數切割量化處理，每個結果都是圖片中實際出現的顏色，且不會上傳）。請鎖定個別色塊，以在重新生成時保留它們；在類比色、補色和三色模式中，其餘調色盤會以第一個鎖定色塊的色相為基準建立。請複製任何單一 HEX 代碼，或將整個調色盤匯出為您需要的格式：純 HEX 清單、CSS 自訂屬性、Tailwind 顏色片段、JSON 陣列或 Figma 設計權杖。所有處理都在您的瀏覽器中執行，因此顏色或圖片資料不會離開您的裝置，不需要伺服器，也不需要帳號。每個色塊還會顯示其最接近的 PANTONE 實色塗層編號（例如 PANTONE 185 C），因此產生或源自圖片的調色盤可直接銜接印刷工作流程。

如何使用

  1. 請從「模式」下拉式選單中選擇一種和諧模式：隨機、類比色、補色或三色。
  2. 請點選「生成」（或按下空白鍵）以建立全新的五色調色盤。
  3. 請點選任一色塊上的鎖定圖示以保留該顏色；其餘色塊會圍繞其色相重新產生（在隨機模式中則維持隨機）。
  4. 點選色塊旁的「複製HEX」來複製該顏色的HEX代碼到剪貼簿。
  5. 請點選旁邊已選取匯出格式的「複製全部」，一次複製全部五色，方便貼到您的設計工具或程式碼中使用。
  6. 請點選「來自圖片」並選擇一張照片，工具會將其五種主要顏色擷取到調色盤中，所有處理都在本地完成。
  7. 請選擇一種匯出格式：HEX 清單、CSS 變數、Tailwind、JSON 或 Figma 權杖，再點選「複製全部」即可將調色盤套用到您的專案。
  8. 或請輸入一個情緒詞，例如日落、海洋或賽博龐克，再點選「來自情緒」，即可產生該風格的調色盤。

常見問題

這個工具可以免費使用嗎？
是的，完全免費 — 無需訂閱、無需帳號，也沒有隱藏限制。只需打開網頁，開始生成調色盤。
您會上傳我的顏色資料到伺服器嗎？
不會。整個工具都是在您的瀏覽器中使用JavaScript運行的。沒有任何資料會傳送至伺服器 — 您的調色盤資料只會儲存在瀏覽器的localStorage中。
Color Palette Generator 是否可以在離線環境下使用？
是的。網頁載入後，即可完全離線使用。不需要任何外部API呼叫或CDN依賴。
和諧模式之間有什麼區別？
隨機會挑選五種互不相關的色相。類比色會在色輪上 80° 的範圍內，以 20° 間隔排列五種色相，呈現平靜和諧的外觀。補色會將兩個色塊放在接近基準色相的位置，另外三個放在色輪對側（相距 170°、180° 及 190°），以形成高對比。三色會將色相以 120° 相隔：兩個色塊接近基準色相，兩個接近 +120°，一個位於 +240°。在所有模式中，飽和度與亮度都會在適中範圍內變化。此色輪為 HSL 螢幕光色輪，因此紅色的補色為青色，而非綠色。
我可以固定喜歡的顏色，同時重新生成其他顏色嗎？
是的。請點選任何色塊上的鎖定圖示以保留它。系統在生成過程中會跳過已鎖定的色塊。在類比色、補色和三色模式中，其餘的色塊會根據第一個鎖定色塊的色調建立（灰階色塊沒有色調，因此系統會忽略灰階色塊），因此調色盤會圍繞您喜歡的顏色保持協調；在隨機模式中，它們保持隨機。您的調色盤和鎖定狀態會保存在目前的瀏覽器中。
我可以從圖片建立調色盤嗎？
是的。請點選「來自圖片」並選擇一張照片。工具會縮小照片，使用中位數切割量化將相似像素分組，並選出五個最顯著且看起來明顯不同的群組。每個結果都是圖片中實際出現的顏色，而不是平均值，依從深到淺排序，所有操作都在您的瀏覽器中完成，圖片不會上傳。如果圖片中的顏色少於五種，例如單一平坦的顏色，其餘的色塊會是主導顏色的較深和較淺色階。
有哪些可用的匯出格式？
將調色盤複製為純 HEX 清單、CSS 自定義屬性（:root 變數）、Tailwind 顏色片段、JSON 陣列或 Figma 設計令牌（Tokens Studio 格式）。請在下拉選單中選擇格式，然後點選「複製全部」，即可貼上到您的程式碼或設計工具中。
我可以查看色板的潘通號碼嗎？
可以。每個五個色塊都會顯示其 HEX 編碼和最接近的 PANTONE Solid Coated 匹配（例如 PANTONE 185 C）；點選潘通標籤即可複製。匹配使用感知 CIEDE2000 公式，僅作為近似 sRGB 參考，因為潘通專色油墨是根據物理特性定義的，而不是根據螢幕值。
我可以從一個詞生成調色盤嗎？
是的。請在情緒框中輸入一個情緒詞，例如日落、海洋、賽博龐克或五色（傳統韓國五種顏色），並點選「來自情緒」。已知的情緒詞會使用對應的色調、飽和度和亮度範圍，五色會返回五種固定的傳統顏色。工具不認識的詞仍然會產生調色盤，但其顏色與詞的含義無關。
此工具會上傳我的資料嗎？
不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。

在最近 29 天內執行了 32 次。 結果已複製或下載：12% 根據我們自己的伺服器測量，2026-10-11–2026-11-09。