配色產生器
免費配色產生器：建立和諧的調色盤（類比色、互補色、三等分配色等），鎖定喜歡的顏色，並匯出為 HEX 或 CSS。
按空白鍵或「產生」取得新顏色。鎖定想保留的顏色，點選色碼即可複製。
它做什麼
這個產生器可為網站、App、簡報和設計作品建立配色。選擇一種配色方式，就能從基礎色出發搭配出協調的顏色；也可以按空白鍵產生隨機調色盤，並鎖定喜歡的顏色，只讓其餘顏色變化。顏色在 OKLCH 色彩空間中計算，即使色相改變，感知亮度也維持不變，因此調色盤看起來更均衡。可將顏色複製為 HEX、CSS 變數或 JSON，或透過連結分享調色盤。
使用方式
- 選擇配色方式和基礎色，或維持隨機。
- 按空白鍵或「產生」直到滿意為止；鎖定想保留的顏色。
- 點選色碼即可複製，或將整個調色盤複製為 HEX、CSS 或 JSON。
常見問題
這些配色方式代表什麼？
它們是色環上的經典組合。類比色使用相鄰的色相，營造沉穩的感覺；互補色使用相對的色相，形成強烈對比；三等分配色與四等分配色將三個或四個色相平均分布；分裂互補色讓互補色組合更柔和；單色配色則使用同一色相的多種深淺。
為什麼用 OKLCH 而不是 HSL？
在 HSL 中，亮度值相同的黃色與藍色看起來明暗差異很大。OKLCH 是依照人眼感知設計的，因此旋轉色相時顏色的亮度仍保持一致。正因如此，這個色彩空間被加入了 CSS。
可以檢查顏色是否容易閱讀嗎？
可以：使用色彩對比檢查器，查看某種顏色的文字放在另一種顏色的背景上是否符合 WCAG 無障礙標準。