Khroma
先挑 50 個你喜歡的顏色訓練專屬演算法,再無限產生配色組合的免費 AI 配色工具
Khroma 是設計師 George Hastings 做的 AI 配色工具,官網標語是「Design with colors you love」。它跟 Coolors 這類隨機配色產生器最大的差別在順序:Khroma 要你先「教」它。第一次進到 /train 頁面,畫面會丟出一格一格的色塊,請你挑滿 50 個喜歡的顏色,頁面上還特別寫了「Why so many?」——50 個聽起來很多,但數量夠才不會讓演算法誤以為你討厭某些其實喜歡的色系。挑完之後,它會在你的瀏覽器裡訓練一個神經網路,往後產生的配色都偏向你的口味,並把你不喜歡的組合擋掉。
功能特色與適用場景:產生器的結果可以切成四種檢視方式,分別是文字排版(Typography)、漸層、色票,以及套在自訂圖片上看效果。官網說模型學過網路上數千組熱門的人類配色。看到喜歡的組合按下收藏,就會存進不限數量的個人圖庫,每一組都附上色彩名稱、HEX 色碼、RGB 值、CSS 程式碼,以及 WCAG 無障礙對比評級——最後這一項對做網頁的人很實用,文字色與背景色對比不夠,一眼就看得出來。搜尋功能可以依色相、明暗、色調篩選,也能直接輸入 HEX 或 RGB 找跟某個品牌色相關的組合。
有一點要先知道:Khroma 目前仍標示 beta,訓練資料存在瀏覽器的 localStorage,只有這台電腦的這個瀏覽器讀得到。清除瀏覽器資料就會一起清掉,換電腦要用頁面上的匯出/匯入功能搬過去。
給台灣使用者的建議:Khroma 適合已經有「自己的色感」但想加快發想速度的人,例如接案設計師在提案前快速拉出十幾組候選配色、小品牌主理人想找跟現有品牌色搭得起來的輔助色。介面全英文,但操作幾乎只有點色塊,沒有語言門檻。它不會幫你做出整套品牌規範,也不懂你的產業脈絡;我會建議把 Khroma 當成發想工具,選定方向後再用 WCAG 評級確認文字可讀性,最後回到 Figma 或 Illustrator 定稿。訓練時挑色盡量廣一點,只挑莫蘭迪色的話,後面產出的組合也會一路灰到底。
TheAI學院 編輯建議
編輯實測後的真心話Khroma 的設計我很喜歡:它承認「好看」是主觀的,所以先讓你教它。代價是前面那 50 次點選有點煩,資料又只存在瀏覽器裡。如果你只是要一組能用的色票,Coolors 比較快;想找出「自己的味道」,Khroma 值得花那五分鐘。
主要功能
- 挑選 50 個喜歡的顏色,在瀏覽器內訓練個人化配色演算法
- 配色可切換文字排版、漸層、色票與自訂圖片四種檢視
- 依色相、明暗、色調或 HEX/RGB 值搜尋篩選配色
- 不限數量收藏,每組附色名、HEX、RGB、CSS 與 WCAG 對比評級
- 訓練資料可匯出、匯入,跨裝置搬移
如何使用 Khroma
- 到 khroma.co 點 Get started 進入訓練頁
- 從色塊中挑滿 50 個喜歡的顏色,色相、明暗盡量挑得多樣
- 訓練完成後進入 Generate,切換文字排版、漸層、色票或圖片檢視
- 用搜尋輸入色相或 HEX 值,找跟既有品牌色相關的組合
- 收藏喜歡的配色,複製 HEX、RGB 或 CSS 碼,並記得定期匯出訓練資料備份
適用場景
- 接案設計師提案前快速發想多組候選配色
- 網頁設計時檢查文字色與背景色的 WCAG 對比是否足夠
- 小品牌依現有品牌色 HEX 值搜尋可搭配的輔助色
- 設計系學生透過訓練結果認識自己的配色偏好
Khroma 的優點與缺點
優點
- 完全免費、不用註冊,打開瀏覽器就能用
- 產出會依你挑的顏色調整,比純隨機的配色產生器更貼近個人口味
- 每組配色附 WCAG 評級,做網頁時能先檢查文字可讀性
缺點
- 仍是 beta,資料存在瀏覽器 localStorage,清快取就會消失
- 一開始要挑滿 50 個顏色,想馬上拿到配色的人會覺得麻煩
- 只產生兩色組合與色票,不會輸出完整品牌規範或設計檔
價格方案
官網未列任何付費方案,訓練、產生與收藏配色皆免費,不需註冊(資料存在瀏覽器)
Khroma 常見問題
Khroma 要付費嗎?
官網沒有列出任何付費方案,訓練演算法、產生配色與收藏都免費,也不需要註冊帳號。
為什麼 Khroma 要先選 50 個顏色?
這 50 個顏色是訓練資料,Khroma 會用它們在瀏覽器裡訓練個人化的配色演算法。官網說數量夠多,才不會誤判你不喜歡某些其實喜歡的顏色;挑得越多樣,能產生的組合也越多。
換電腦後 Khroma 的收藏還在嗎?
不會自動同步。目前 beta 版把資料存在瀏覽器的 localStorage,只有原本那台裝置、那個瀏覽器讀得到;要先用匯出功能下載資料,再到新裝置匯入。
Khroma 和 Coolors 怎麼選?
[Coolors](/tools/coolors) 適合快速隨機產生 5 色色票並匯出;Khroma 要先花幾分鐘訓練,換來更貼近個人喜好的兩色組合,並附 WCAG 對比評級。想要整套色票選 Coolors,想找自己會喜歡的搭配選 Khroma。
使用者評價
還沒有足夠評價,搶先分享你的使用心得!
寫下你的評價
Khroma 的替代方案
查看相似的 AI 工具 →相關 AI 工具
Runway
專業向的 AI 影片生成與編輯工具,導演思維比提示詞重要。
UseIt Studio
描述想做的貼紙、禮盒、徽章或卡片,AI 直接產出含真實尺寸、出血與刀模線的可印刷檔,還能交給 Illustrator 接著改
Chuangkit
中國老牌線上設計平台創客貼,100 萬套模板加上 AI 摳圖、改圖、商品圖、文案與一句話做設計
Promeo
訊連科技(CyberLink)推出的電商與行銷素材 AI 工具,商品去背、光影、影片廣告與社群貼文一次完成
Gaoding Design
中國大陸的線上設計平台,海量電商、小紅書、公眾號模板,加上 AI 畫布、AI 電商圖、3 秒去背與批次套版
Glood.AI
Shopify 上的七個 AI agent:推薦、加購、搜尋、陳列、商品照與庫存預測