關於 Ai Colors
About
AIColors 是什麼
AIColors 是一個用一句話生成配色方案的網站。你輸入「清晨的海岸」或「半夜的電玩間」，按下按鈕，產生器就回傳一組色塊。每組色票都附名字與一句簡短說明，描述它想呈現的氛圍，這讓你在把色碼貼進設計檔之前，先能判斷方向對不對。
產生器只是網站的一部分。周圍還有一整組在瀏覽器裡執行的色彩工具：對比度檢查、可讀取 HEX、RGB、HSL、HSV、CMYK 與 OKLCH 的轉換器、CSS 漸層產生器、網格漸層產生器、從圖片擷取顏色，以及色票視覺化預覽。多數運算都在你的電腦上完成。色值與圖片不會送到任何帳號，因為這裡根本沒有帳號。
限制和功能一樣重要。色票不會存在伺服器上，關掉分頁就沒了，所以請先複製色碼或下載 PNG。產生器也沒有公開 API。成果好壞取決於你怎麼描述情境，太籠統的句子只會得到安全的通用配色。它不能取代設計師的眼光。它省下的是面對空白畫布的那五分鐘，這樣就很夠了。
開始使用
- 用任何現代瀏覽器打開 aicolors.app。沒有註冊流程，也不用安裝任何東西。
- 在首頁的輸入框寫下情境、主題或場景。具體的詞比抽象的詞有效：「褪色丹寧配暖沙色」比「好看的顏色」有用得多。
- 產生色票。AIColors 會回傳五到八種顏色，附上名稱與簡短的風格說明。
- 點單一色塊可複製一個十六進位色碼，也可以一鍵複製整組色票。需要放進簡報或傳給客戶時，改用 PNG 匯出。
- 色票需要調整時就走進工具區：檢查文字對比度、轉換 OKLCH 數值，或把色票丟進視覺化預覽，看它套在版面上的樣子。
產品資訊
快速了解 Ai Colors 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 需要快速起色的獨立設計師：一段文字描述加一次點擊，抵過半小時逛靈感圖庫。成品仍要自己修，因為色票不會保存，AI 也不懂你的品牌規範。
- 正在補網站主題的前端工程師：十六進位色碼能直接貼進 CSS 變數，專案若使用較新的色彩語法，OKLCH 轉換器可以少開一個計算工具。設計變數還是得自己寫。
- 正在學色彩理論的學生與愛好者：配色和諧工具、深淺色階工具與顏色名稱查詢讓色彩關係變得看得見。免註冊，在共用電腦上用也不留痕跡。
任務
- 把品牌 brief 變成第一版提案：把客戶談話裡出現的形容詞貼進去，產生三組色票，再對照參考圖看哪一組最接近。每組色票附的說明，讓你在解釋選擇時有話可說。
- 確認文字還讀得清楚：上線前把色碼丟進 WCAG 對比度檢查。它會同時給出 WCAG 2.2 比例與 APCA 分數，新舊兩套稽核標準都涵蓋。
- 從照片或截圖取色：圖片在瀏覽器本機讀取，直接列出主要顏色。客戶只傳來一張氛圍照、沒給色票時特別好用。
情境
- 專案剛啟動、還沒有情緒板：花五分鐘寫描述，就能得到具體東西可以討論，比對著空白畫布發呆快得多。
- 上線前臨時補做無障礙檢查：顏色早就定好了，檢查工具會先指出哪些組合不合格，不必等審稿的人發現。
- 客戶要求改一版：重新產生替代色票、匯出 PNG，直接在同一串對話裡回覆，省掉再約一次會議。
主要功能
一句描述換一組色票
核心流程刻意做得短：描述情境，拿到顏色。AIColors 會讀句子裡的語氣與場景，回傳五到八種顏色，附名稱與簡短說明。那個名稱比看起來有用。它給你跟客戶溝通的詞彙，討論就會停在方向上，而不是停在還沒人想像得出來的色碼數字。
一鍵複製與 PNG 匯出
每個色塊點一下就複製，整組色票也能一次複製成一段。日常工作大概就是這幾種：貼進 Figma、放進樣式表，或傳給同事。PNG 匯出處理截圖不夠用的場合，例如簡報或 PDF 提案。這裡沒有 Figma 外掛，也沒有設計變數匯出，最後一段路要自己走。
支援 OKLCH 的色彩轉換器
轉換器可讀寫 HEX、RGB、HSL、HSV、CMYK 與 OKLCH。OKLCH 是近年專案真正需要的部分，因為它讓明度在不同色相之間保持一致，色票的階層看起來更整齊。設計系統若已採用現代 CSS 色彩語法，這裡可以省掉來回切換計算機的時間。同一組數值也會餵給漸層工具。
WCAG 2.2 與 APCA 對比度檢查
檢查工具同時顯示 WCAG 2.2 比例與 APCA 分數。兩套標準經常給出不同結論，一起看反而有用：WCAG 回答的是合規問題，APCA 更接近文字在特定字級與字重下的實際感受。它只檢查，不替你修正，要改哪個顏色仍然由你決定。
圖片取色與色票視覺化
上傳圖片後，擷取工具會列出主要顏色。運算在瀏覽器裡完成，客戶還沒公開的產品照也能處理。接著把色票丟進視覺化預覽，套在版面上看它當背景、文字與強調色的樣子，而不是只看五個並排的方塊。
一整排色彩工具
除了產生器，網站還收集了平常得一個一個搜尋的小工具：色彩挑選器、深淺色階產生器、混色器、色盲模擬、CSS 顏色名稱、完整的 Tailwind 色盤、品牌色參考，以及個別顏色頁面上的轉換值、配色和諧與對比資訊。單獨看都不稀奇。放在同一個介面裡，省下的就是切換網站的時間。
優缺點
優點
- 免費、免註冊、不用信用卡，也看不到生成次數上限，想試一個點子不會被註冊牆擋住。
- 回傳五到八種顏色，附名稱與說明，足以判斷方向，也足以向別人解釋。
- 可複製單一色塊或整組色票，另有 PNG 匯出，簡報與客戶訊息都能用。
- 支援 OKLCH、APCA 與 WCAG 2.2，比只懂 HEX 與 RGB 的單純色票產生器多走一步。
- 其餘工具涵蓋對比度、漸層、圖片取色與色盲模擬，全部在同一個介面。
缺點
- 色票不會存在任何地方。沒複製就關掉分頁，成果直接消失，要比對好幾版時很麻煩。
- 沒有公開 API，也沒有 Figma 外掛。團隊想讓色票進入設計流程，只能手動搬。
- 描述寫得好不好，決定成果好不好。籠統的句子只會回傳安全又眼熟的組合，跟每個模板長得一樣。
- 沒辦法鎖定某個顏色再重新產生其餘部分。只喜歡一半的色票，等於要從頭再來。
常見問題
它依照文字描述產生色票，再提供工具檢查與調整。常見用途是探索品牌配色、決定活動頁主題，以及設計上線前快速檢查無障礙對比。
相關內容
探索與 Ai Colors 相關的工具、技能與文章。
Ai Colors 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。