配色產生器
選擇基準色和方案，建立兩色或三色配色。使用互補色、類比色、三角色或分裂互補色，再逐一複製 HEX 色碼或將清單儲存為文字檔。
可執行的操作
使用四種配色方案建立配色
保留基準色的飽和度和明度，選擇互補色、類比色、三角色或分裂互補色。
取得各顏色的色碼
查看色票和 HEX 色碼，逐一複製色碼，或依顯示順序將清單儲存為 palette.txt。
以候選色作為下一個基準色
在候選顏色上選取「設為基準色」，再產生新配色。
使用方式
輸入基準色
選擇 HEX、RGB、HSL、HSV 或 CMYK 並輸入數值，或使用色彩選擇器。
選擇配色方案
互補色會產生 2 種顏色。類比色、三角色和分裂互補色會產生 3 種。
建立配色
選取「建立配色」查看色票和 HEX 色碼。產生後變更方案，會依據已確認的基準色更新配色。
取得色碼
可個別複製色碼、全部複製或另存為 TXT。變更基準色後請重新產生。
適用情境
探索點綴色候選方案
使用頁面或設計中的基準色，比較不同色相關係。
在筆記中保留配色色碼
依顯示順序複製或儲存 HEX 色碼清單，以供設計工具使用。
配色方案與輸出限制
四種色相關係
互補色使用與基準色相差 180 度的色相；類比色使用基準色兩側各 30 度的色相；三角色以 120 度為間隔；分裂互補色則使用偏移 150 度和 210 度的色相。類比色的基準色會顯示在中間。
飽和度和明度維持不變
配色會在 HSL 中調整色相，同時保留飽和度和明度。結果會四捨五入為 8 位元 RGB，並以 HEX 顯示。無彩色可能產生重複的 HEX 值；顏色數量和順序仍會保留。
另外檢查可讀性
依色相建立配色不保證文字對比或可讀性。請使用對比檢查器檢查每組文字與背景顏色。
常見問題
為什麼可能會出現重複的顏色？
對無彩色調整色相可能會產生相同的 HEX 值。結果不會調整或去重；配色的顏色數量和順序會保留。
複製顏色會改變基準色嗎？
複製不會變更基準色。「設為基準色」會將輸入切換為 HEX，並清除先前的配色。請選取「建立配色」重新產生。
可以儲存 CSS 變數或圖片嗎？
輸出僅提供複製 HEX 色碼和儲存 palette.txt，不提供 CSS 變數或圖片匯出。
輸入與輸出
- 輸入
- 以 HEX、RGB、HSL、HSV 或 CMYK 表示的基準色，或所選顏色。不支援 Alpha。
- 方案
- 互補色、類比色、三角色或分裂互補色。
- 輸出
- 2 或 3 個 HEX 色碼。可複製或儲存為 palette.txt，每行一個並依顯示順序排列。