Khroma

先挑 50 個你喜歡的顏色訓練專屬演算法,再無限產生配色組合的免費 AI 配色工具

免費 4.1 / 5
一句話介紹:先挑 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學院 編輯建議

編輯實測後的真心話
4.1

Khroma 的設計我很喜歡:它承認「好看」是主觀的,所以先讓你教它。代價是前面那 50 次點選有點煩,資料又只存在瀏覽器裡。如果你只是要一組能用的色票,Coolors 比較快;想找出「自己的味道」,Khroma 值得花那五分鐘。

— theai 編輯團隊

主要功能

  • 挑選 50 個喜歡的顏色,在瀏覽器內訓練個人化配色演算法
  • 配色可切換文字排版、漸層、色票與自訂圖片四種檢視
  • 依色相、明暗、色調或 HEX/RGB 值搜尋篩選配色
  • 不限數量收藏,每組附色名、HEX、RGB、CSS 與 WCAG 對比評級
  • 訓練資料可匯出、匯入,跨裝置搬移

如何使用 Khroma

  1. 到 khroma.co 點 Get started 進入訓練頁
  2. 從色塊中挑滿 50 個喜歡的顏色,色相、明暗盡量挑得多樣
  3. 訓練完成後進入 Generate,切換文字排版、漸層、色票或圖片檢視
  4. 用搜尋輸入色相或 HEX 值,找跟既有品牌色相關的組合
  5. 收藏喜歡的配色,複製 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 工具

猜你也想看的AI 商品視覺生成

前往官網 ↗