标志设计 · 实测
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,背景为纯奶油色。居中,四周留白充足,不要样机效果,不要其他文字。拼写对了,颜色没对
四个标志都把“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,再设置你的精确颜色。