標誌設計 · 實測
AI 標誌顏色跑掉了？把品牌的精確色碼找回來
你把品牌的兩種顏色以色碼交給影像模型，標誌看起來也沒問題。然後印刷廠的打樣回來時顏色有點偏，或招牌上的綠色和網站上的綠色對不起來。
2026 年 9 月 27 日，我們在 Ciyo 裡為虛構桌遊咖啡館 Rook & Rabbit 做了四個標誌，並量測了每一個像素。以下是我們的發現，以及讓檔案正好只剩我們要求的兩種顏色的兩步驟修正法。
需求：兩種顏色，精確色碼
我們請 GPT Image 2.5 Flare 一次做出四個版本（1:1、1K、4 張圖、8 點數）。提示詞寫明了兩行文字、圖形，以及剛好兩種顏色：深綠 #1F4D3A 與奶油色 #F3E9D2。
為一家桌遊咖啡館設計扁平向量風格的標誌。第一行名稱一字不差寫成「Rook & Rabbit」，第二行以小型大寫字母寫「GAME CAFÉ · EST. 2026」。名稱上方是一個簡單的圖形：一對兔耳從西洋棋城堡的頂端豎起。只用兩種顏色，深綠 #1F4D3A 與奶油色 #F3E9D2，放在素面的奶油色背景上。置中，留白充足，不要樣機（mock-up），不要其他文字。拼字對了，顏色沒有
四個標誌都正確拼出了「Rook & Rabbit」和「GAME CAFÉ · EST. 2026」，連重音符號也對。用肉眼看，它們都是雙色標誌。
檔案卻不這麼說。每個檔案都有 14,986 到 17,288 種不同的顏色：邊緣柔和、背景有一層淡淡的紋理，而且綠色在每個標誌之間都略有不同。完全符合任一個色碼的像素不到 3%。
為什麼一點點偏差也有影響
#1F4D3A 和 #174234 在手機上看起來一模一樣。但放在一起——印好的菜單、招牌和網站——就看得出差別。印刷廠和招牌製作商會照你檔案裡的數值配色，所以這些數值必須是你品牌的。
背景那層淡淡的紋理還有第二個代價：不是單一平塗色的奶油色，印出來會是一塊略微不均的底色，也讓乾淨的向量描圖更困難。
2026-09-21 發布。這篇貼文摘要了一篇研究論文 Paint-Anything，它的目標是讓你為生成影像中的物體指定精確的色碼，並回報在 FLUX 模型上色彩忠實度大幅提升。我們沒有驗證這個數字；這篇貼文的價值在於說明：在日常使用的影像模型中，精確顏色仍是尚未解決的問題，這和我們的量測結果一致。
步驟 1：把最好的版本轉成向量
挑出畫得最好的標誌，選取它，然後在影像工具列中開啟 More → Vector（更多 → 向量化）。在我們這次執行中，大約花了十秒和 2 點數，並在原圖旁邊放上一個 SVG。
這個 SVG 有 52 條路徑，只有三種填色：奶油色是 #F4EBD2，綠色是 #1F4A37，還有一條多出來的路徑是 #2F523F。這就是有用的地方——幾千種顏色變成了三種。
步驟 2：把填色換成你的精確色碼
下載 SVG，用文字編輯器或任何向量軟體開啟。把每個接近但不準確的填色換成你的品牌色碼：所有奶油色填色換成 #F3E9D2，兩種綠色都換成 #1F4D3A。之後我們的檔案正好只剩兩種填色——38 個綠色、14 個奶油色——而且算繪出來的文字和 É 都完好無缺。
在文字編輯器裡，這就是一次尋找與取代；這個 SVG 把顏色存成 rgb(244,235,210)、rgb(31,74,55) 和 rgb(47,82,63)。在向量軟體裡，則是依相同填色選取，再設定新的數值。
| 檔案 | 顏色 | 精確的品牌色碼 |
|---|---|---|
| 生成的 PNG（4 個版本） | 14,986–17,288 | 0.00–2.63% 的像素 |
| 向量 SVG | 3 種填色 | 3 種中有 0 種 |
| 取代後的 SVG | 2 種填色 | 2 種中有 2 種 |
送印前的檢查
打開最終的 SVG，讀一下它的填色：每種品牌色應該正好只有一個。以實際使用的尺寸檢查小字；我們的第二行在原尺寸下清楚可讀。把 SVG 當作母檔，從它匯出 PNG，絕對不要反過來。
精確的標誌顏色
GPT Image 2.5 會使用我給的精確色碼嗎？
在我們的測試中並不精確：四個標誌有 14,986 到 17,288 種顏色，符合要求色碼的像素不到 3%。
它有把店名拼對嗎？
有，四個版本都對，包括 CAFÉ 的重音符號。但一定要自己再檢查一次。
Ciyo 的 Vector 工具會對顏色做什麼？
它在大約十秒內、花 2 點數，把我們的標誌描成一個有 52 條路徑、3 種填色的 SVG。
怎樣才能正好只有兩種顏色？
把 SVG 裡的填色換成你的兩個品牌色碼。之後我們的檔案正好只剩兩種填色。
做一個可以直接交給印刷廠的標誌
在 Ciyo 裡生成幾個版本，把最好的那個描成 SVG，再設定你的精確顏色。