調色盤產生器
用配色規則或照片產生 5 色調色盤，檢查文字對比，並複製色碼。
免費・免註冊・無浮水印
廣告
廣告
廣告
使用步驟
- 選擇配色規則（例如類似色、互補色），或切換到「從圖片取色」。
- 按「產生」（或空白鍵），鎖定想保留的顏色。
- 複製 HEX 色碼或 CSS 變數、下載 PNG，或存成我的品牌色。
調色盤產生器
配色規則以色相環為基礎：類似色彼此相鄰、互補色位在對面、三等分色相差 120°。每個色塊都會標示放黑字還是白字比較清楚，並列出 WCAG 對比值——一般文字至少要 4.5:1。
「從圖片取色」會把照片縮小後用 k-means 分群找出主色。存成品牌色時，只會在這個瀏覽器保存四個顏色，Logo、Favicon、縮圖等工具都能一鍵套用。
常見問題
鎖定是做什麼的？
鎖定的顏色在重新產生時會保留，可以圍繞喜歡的顏色慢慢配。
從圖片取色時，照片會上傳嗎？
不會，顏色在你的瀏覽器裡計算。
廣告
CSS 要用哪種格式？
最常用的是 HEX；工具也會產生可以直接貼上的 CSS 變數。