關於 ColorMagic
About
什麼是 ColorMagic
ColorMagic 是一款跑在瀏覽器裡的配色工具，只圍繞一個想法打轉：用平常的話描述你想要的顏色，讓 AI 把配色組出來。你輸入一段情緒、一個品牌名稱或一組色碼，產生器就回傳一組能直接複製進設計的顏色。每月大約有二十萬人使用，上線至今已產出超過四百萬組配色。
這個網站同時服務不具設計背景的人與專業人士。創辦人要挑形象頁的顏色、小編要做一張縮圖、學生要收尾一份簡報，都能在不必先讀色彩學的前提下拿到可用的組合。作為免費配色工具與配色組合產生器，它對任何趕時間找配色的人都敞開大門。產生器旁邊還放著幾件小工具，處理接下來常遇到的事：從照片取出顏色、確認文字壓在底色上讀不讀得清楚、把兩種顏色混在一起，以及幫某個色調找出名字。
價格是最明顯的誘因。ColorMagic 完全免費，靠廣告而不是訂閱維持營運。這同時畫出它的界線：沒有付費方案，也就沒有額外空間或團隊管理，想整理大量配色的人只能靠內建的收藏功能與自己的檔案。
開始使用
- 在瀏覽器打開 colormagic.app。不必註冊就能產生配色。
- 輸入名稱、情緒、品牌或色碼，或點一個範例把欄位填滿。
- 按下 Generate Color Palette，等幾秒讓 AI 回傳配色組合。
- 複製顏色、CSS 或漸層效果，或把配色下載成 PNG。
- 想用愛心按鈕收藏、慢慢累積自己的配色庫，就登入帳號。
產品資訊
快速了解 ColorMagic 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 不具設計背景的人：創辦人與行銷人員需要一套還過得去的配色，卻沒有受過設計訓練，只要描述一個感覺，幾秒內就能拿到顏色。試用不需要帳號。
- 平面與網頁設計師：專業人士可以把產生器當成快速的第一版，再回到慣用的編輯器微調色碼。這裡沒有付費方案，也就不會有任何功能被鎖在付費牆後。
- 插畫與角色設計者：替角色建立配色的人，可以從名稱或主題生出組合，也能瀏覽那些受到自己常畫的動畫與遊戲啟發的現成配色。
任務
- 從名稱挑出品牌配色：輸入產品或品牌關鍵字，拿到一組顏色，先套在標誌或形象頁上試試看再決定。
- 從照片取出顏色：上傳截圖或圖片，把主要顏色以色碼抓出來，讓設計能配合既有的視覺。
- 檢查用色是否兼顧無障礙：把文字與底色的組合丟進對比度檢查工具，在發布前確認有沒有達到 WCAG AA 或 AAA。
情境
- 替網站設計起頭：先替新網站拿一組起始配色，再把 CSS 變數或漸層程式碼直接貼進樣式表。
- 替客戶做情緒板：從同一份需求生出好幾組配色，留下合適的幾組，傳出去讓對方快速點頭或打槍。
- 替社群貼文加點顏色：拿一組亮眼的組合做縮圖或輪播圖，不必開一套完整的設計軟體。
主要功能
用文字生成配色的 AI 產生器
輸入一段情緒、品牌或色碼，產生器幾秒內就回傳一組配色。它同時扮演「用文字生成顏色」的角色，所以你不必先有半個色碼才能開始。它讀得懂白話描述，講出一個地方、一種材質或一種感覺，會比只講一種顏色給它更多線索。每次生成都會從同一個想法挑出不一樣的排法，想要別的版本再按一次就好。
從圖片取色
上傳任何照片或截圖，ColorMagic 就把其中的主要顏色抽成一組配色。當你要讓設計配合既有視覺、產品照或客戶現有的品牌，這是最快的路。主要產生器和另一個專門的圖片工具都能處理，不必另外開編輯器。
免費的輔助小工具
除了主要產生器，網站還附上調色盤，能把兩種色調依任意比例混合；另有顏色名稱查詢、隨機顏色產生器，以及 CSS 漸層產生器。這些工具處理的正是挑完配色後馬上會碰到的小事，所以你幾乎不太需要離開這個頁面。
WCAG 對比度檢查
對比度檢查工具會量測一組文字與底色，並標示文字在一般與大字級下是否達到 WCAG AA 或 AAA。它也會回報圖示與介面元件的對比值。對於真的要上線一套介面的人來說，這把原本得靠猜的無障礙問題，變成一次快速檢查。
顏色 API
ColorMagic 提供一套免費而簡單的 API，讓你在自己的程式裡搜尋它的配色。一則 GET 請求就會回傳符合的配色，附上顏色、標籤與按讚數。想把社群配色帶進自己的小專案，又不想從頭打造一套配色引擎，這是個輕量的做法。
收藏與匯出
登入後可用愛心按鈕收藏配色，慢慢建立個人的收藏庫。每一組配色都能以可直接複製的色碼、CSS 或漸層程式碼匯出，也能下載成 PNG。複製按鈕與 PNG 選項讓配色直接落進專案裡。
優缺點
優點
- 完全免費，任何工具都沒有訂閱制或付費牆
- 從文字、色碼或圖片都能在幾秒內生成一整組配色
- 內建 WCAG 對比度檢查，無障礙不必事後再補
- 能以色碼、CSS、漸層或 PNG 匯出，交接起來很快
- 免費 API 加上大量主題配色，讓它不只應付單次使用
缺點
- 網站靠廣告維生，對排斥廣告的人來說介面稱不上乾淨
- 沒有付費方案，也就沒有額外空間、團隊帳號或優先支援
- AI 產出帶有猜測成分，成品往往得重新生成或手動微調後才能用
常見問題
ColorMagic 用 AI 生成配色。你用文字描述想要的感覺、貼上一組色碼，或上傳一張圖片，它就會回傳一組能複製進設計的顏色。
相關內容
探索與 ColorMagic 相關的工具、技能與文章。
ColorMagic 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。