图案裂变的色相漂移:一批变体摆在一起,颜色为什么各跑各的
十月十六号,晚上九点四十七分。运营组的小许在企业微信上发来一张截图,一句解释都没有,先打了三个句号。
截图是我们"秋日柑橘"系列在店铺里的货盘页,九张主图排成三行,缩略图大小。原图只有一张,剩下八张是这半个月陆续裂变出来的。每一张单独点开都不难看。九张摆在一起,第一行最右边那张的橙子是荧光橙,第三行中间那张发土,中间还夹着一张,橙子皮上泛着一点粉。像三家不同的店把货混进了一个货架。
她隔了半分钟才打字:有个老客户问,你们是不是换了供应商。我看着那句话,心里一边堵,一边不服气——母题是同一个,提示词是同一段,跑图的人也是同一个,怎么就变成三个牌子了。
我们雨林凯AI(简称雨林凯)做的是印花图案的提取与裂变,客户多是 POD 卖家和中小印花厂。日常干的活,是把一张能用的图,变成一套能铺货的图。这九个变体是我们自己按流程做出来的,也正因为这样,这件事更该写下来:不是工具出了故障,是我们当时没把颜色当成一件需要管的事。
裂变不是复制,是重新画一遍
很多人对裂变的第一印象是复印。同一张图复印九份,颜色当然一样。可裂变干的不是复印机的活。
复印是逐像素搬运,裂变是照着你的图重新画一张。这个差别在黑白稿上看不出来,一进彩色就全露了。
它记住的是"橙色",不是那一串数。
请一个画师照着你的画再画一张,他脑子里留下的不是 #E8823A 这个值,而是"一朵橙色的花,中间深一点,边缘浅一点"。他画出来一定是橙色,但未必是同一个橙色。模型的处境差不多,只是它连"看"这一步都换成了向量之间的距离。
参考图给的是一种倾向:暖的、偏柑橘的、带一点黄的橙。落到具体像素上,它要在无数个符合这个倾向的橙里挑一个。挑中哪个,跟当时的随机种子、上下文,以及它认为"这样更好看"的那点偏好都有关系。
所以这不是失手。这是这件事的性质。
"更好看"和"更一致"是两个方向。
单张图的评判标准是这张图好不好看,一批图的评判标准是九张摆在一起像不像一家。这两个标准在构图、笔触、密度上大体同向,在颜色上不一定同向,有时候正好相反。
一张偏灰的图,单独看会觉得闷;模型把它提亮、提鲜,单张立刻好看,并排立刻出戏。它没做错,它只是按单张的标准在做。管颜色这件事,得由人接过来。
三个方向:色相偏角、明度被抬、鲜度被顶高
颜色可以用三个坐标描述:色相是一个角度,从红绕一圈回到红,0 到 360 度;明度是从黑到白的那一档;鲜度是离灰有多远。裂变产生偏移,基本都落在这三根轴上,而且很少只动一根。
色相偏角:几度到十几度,眼睛刚好抓得住
色相麻烦的地方在于,它在某些区间特别敏感。橙色往黄偏 8 度,你会觉得"这个橙有点旧";紫色往蓝偏 8 度,你会觉得"这不是同一个紫"。放到绿色区间,同样的 8 度,多数人看不出来。
我们做过一次很土但有效的测试:把同一朵绣球的两个版本并排放在屏幕上,问办公室五个人"这两个是一个颜色吗"。四个人说不是,一个人犹豫。它们的色相差是 11 度,一张偏紫红,一张偏紫蓝。缩到 28% 之后,五个人全说不是。
明度被抬:单看更通透,摆着更轻浮
明度漂移的幅度通常不大,三到八个色阶,单独看是"亮了""透了",并排看是"这张发白"。最典型的是底色:原图的米白带一点暖,变体的底接近纯白,图案还在,纸的味道没了。
明度差在深色载体上会被放大。同一组图放进黑背景的货盘,被抬亮的那几张会自己跳出来,像打了背光。
鲜度被顶高:最常见,也最难承认
三个方向里,饱和度被顶高出现的频率最高。原因不复杂——提鲜是最省事的"变好看"。

左边是原图的奶油底,橙色小元素压得很低,像一张旧明信片;右边是裂变之后的版本,橙子放大,橙色明显艳了一档,底也更干净。两张单独看,右边确实更抓人。问题是这种"更抓人",放进货盘就变成了"不是一家"。
饱和度漂移还有一个隐蔽之处:它不改色相的数值,你用吸管去点,读数几乎一样,肉眼却觉得差很多。色彩感知里,饱和和明度是互相牵动的,鲜度上去,明度看起来也会跟着变。
三个方向也很少单独发生。一张图往往是色相偏了 6 度、明度抬了 4 个色阶、饱和顶了 8 个点,三样一起。单看每一项都在容忍范围内,叠起来就是另一张图。
主色数量会涨,而且涨得很安静
比漂移更少被提起的一件事,是变体的主色数量会变多。
原图可能只有三个色:一个底、一个主色、一个点缀。裂变之后,画面里会自己长出过渡色、渐变色、新的高光色和新的阴影色。我们用 5×5 取样统计过一次,一张三色的原图,第一版变体数出五个色簇,第三版数出六个。
多出来的颜色,单看都合理。过渡色让边缘不生硬,点缀色让画面透气。但它们带来两个后果。
一个是工艺上的。主色每多一个,分色、调墨、套准的压力就多一分。小批量生产时,多一个色往往意味着多一次换墨;数码印好一些,但颜色越多,越容易出现脏边。
另一个是识别上的。缩略图状态下,人能分辨的色块有限,四五个颜色挤在一小块面积里,会糊成一个说不清色相的团。三色的图案缩到很小还认得出形状,六色的缩到很小只剩一团花。
模型为什么会自己加色?因为"层次感"在它的评价体系里是加分项。加一个过渡色,边缘更柔和;加一个对比色,画面更饱满。它不知道你只想印三个色。
单张看不出来,并排和缩略图才现形
颜色的错误分三层现形,一层比一层狠。
第一层是单张。这一层几乎不现形。人在没有参照物的时候,对绝对色相的判断很松,一张偏了 10 度的图,单独看依然是"一个橙色"。
第二层是并排。两张图贴在一起,眼睛立刻开始做相对判断,谁冷谁暖、谁艳谁灰,一目了然。小许那张截图干的就是这件事——她把九张图放进了同一个页面。
第三层是缩略图。这一层最狠,因为缩略图丢掉的不只是像素,还有细节。花瓣的纹理、叶脉的走向、笔触的颗粒,缩到 28% 之后全没了,剩下的只有几块颜色。这时候颜色就是图案本身,色相差多少,品牌感就差多少。
我们后来养成一个习惯:出图之后不先看大图,先把整批拖进同一个白色画布,等比缩到手机列表的尺寸,退后两步看。这个动作花不了一分钟,能拦下大部分"单张好看、并排出事"的图。
顺带说一句,主图九宫格比列表页更苛刻。九张排列在一起,相邻的两张会互相影响,一张偏暖的图夹在两张偏冷的中间,会显得格外黄。
判定:5×5 取样、换底、转灰
判断颜色有没有跑,不需要专业仪器,但需要改掉一个习惯:别用吸管点单点。
5×5 取样,取均值
吸管取的是那一个像素的值。印花图案表面有纤维纹理,有渐变,有 JPEG 压缩留下的噪点,任何一个单点都可能偏。我们试过在同一片"纯色"区域点十个位置,读数最大差 14 个色阶。
做法很简单:取一块 5×5 或者 9×9 的区域,算平均。工具里把图缩到 1 个像素再放大回来,也是同一个意思。要的是这块区域的平均倾向,不是某个像素的偶然值。
白底和深底,各看一次
同一张图放在白底和深底上,是两个观感。深底会放大明度差——本来差三个色阶的两张图,放在接近 #1A1A1A 的背景上能看出明显的前后关系。浅底的图在深底上还会显得更薄、更透。
我们现在的规矩是,一批图必须过两次底:白底一次,深底一次。两次都过,才叫过。
转成灰度,看主次关系还在不在
这一招专门抓"靠色相撑结构"的图。
把变体转成灰度。如果主次关系还在——主体清楚、背景退后、层次分明——说明这张图的明度结构扎实。如果一转灰度,主体和背景糊成一片,或者主体反而沉下去了,说明它之前靠色相在撑,颜色一变,结构就散。
这类图最危险,因为它对色相漂移的容忍度几乎为零。
两种"颜色不一样":能一句话说出主色的,和说不出的
不是所有颜色不一样都是错的。这里要分岔。
一种是刻意的。有配色表,有编号,每一版的主色和辅色分工明确。这版是砖红配米白,那版是墨绿配燕麦,摆在一起是"同款不同色",可以并排卖。买家看到的是选择,不是混乱。
另一种是失控的。没有配色表,颜色是每次重绘顺带产生的副产品。每一版都不错,但你说不出这一版和那一版的配色逻辑差在哪。摆在一起,就是各跑各的。
一句话的判据
判据只有一个,而且很好用:能不能用一句话说出这一版的主色是什么。
"这版砖红为主、米白打底、赭石点缀"——说得出,是刻意的那一类。 "这版……挺暖的,有点复古"——说不出来,是失控的那一类。
我们内部做过一次盲测:把三张变体给五个设计师看,让他们各自写一句主色描述。五个人的描述里出现了七种颜色词,只有一个人写对了其中两张。那三张图就是典型的失控款。
补一句:失控不等于不能卖,它只是不能当"同款"卖。后面讲支线的时候会展开。
收敛一:主色清单砍到三个,最多四个
从这一节开始讲动作。四个动作顺序可以打乱,但第一个不能省。
一个母题,先定主色清单。上限三个,最多放到四个。三个的构成通常是:一个底色,一个主色,一个点缀色。放到四个的时候,多出来的那个一般是个深色,用来压重或者做轮廓。
超过四个怎么办?砍。
砍的规则按面积。把这一版里所有颜色按覆盖面积排序,占比低于百分之八的,不叫主色,叫点缀,不进清单。前四名之后的部分,能合并的合并,不能合并的直接去掉。
落地成一张卡片
清单不能只存在脑子里。我们的做法是每个母题配一张卡片,写三行:主色色值、面积占比、允许的偏移范围。
比如"米白 #F2EAD9,占六成,允许偏暖不超过 3 度;砖红 #A8433A,占两成半,色相摆幅正负 4 度;赭石 #8A5B33,占一成半,只降不升"。
这张卡片是后面所有动作的依据。没有它,后处理没有标准,验收没有阈值,返工没有终点。
收敛二:把"复古红"换成一组数
第二个动作是给锚色。
"复古红""奶咖""雾霾蓝"这些词,在人和人之间已经不够精确,在人和模型之间更不精确。同一个"复古红",一个人想的是砖红,另一个人想的是绛红,模型想到的可能是带灰的玫红。
换成一串数。#A8433A 就是 #A8433A,没有解释空间。
用配比来给,不用形容词来给
我们的写法是把颜色当成配比,而不是当成形容词。不说"复古红色调",说"米白为底,占画面六成;砖红为主体色,占两成半;赭石做点缀,占一成半"。
面积占比这个信息有时候比色值还重要。模型最容易犯的错不是选错色,是给错了权重——它会把点缀色画得比主体色还抢眼。
我们试过在提示词里直接写十六进制色值,效果一般。出来是那个色系没错,但落点偏了十几度。后来改成给一张 200×200 的纯色小图作为参考,稳定了很多。同样的思路,给一张只有三四个色块的配色卡,比写一段形容词有效。
代价是流程变重了:每个母题要配一张色卡。这事我们做了两个月才养成习惯,中间漏掉的图,后来都补了。
收敛三:漂太远的变体,改立支线
第三个动作最省钱:有些变体不要修,改立支线。
判据很直接:色相已经偏出 20 度以上,或者主色的角色换了——原来是点缀的颜色变成了主体,或者原来压重的深色被提亮成了中间调。这种程度的偏移,靠后处理拉回来要付两倍的成本,而且拉回来的图往往发灰。
正确的做法是承认它。它不是这个母题的第二配色,它是另一个母题。
支线要自立门户
立支线不是改个名字就完了。它需要自己的配色卡、自己的命名、自己的受众描述,最好连货盘都分开。
我们有过一组"深海蓝",裂变出来一张偏灰的"雾霾蓝"。当时想修,修了两版都不对——拉回深蓝,那张图的通透感就没了。后来干脆改名叫"晨雾",单独做一条线,配米白和浅灰的载体,反而比原来那条线更受欢迎。
这件事给的教训是:修图的空间有上限,市场的位置没有。一张图偏了,未必是错,可能只是走到了另一条路上。
收敛四:只降不升,色相摆幅压进 ±5°
第四个动作是后处理统一。这一步最容易做错,因为大多数人的第一反应是"调回来"。
调回来是错的。裂变产生的漂移,方向和幅度都不一样,逐张往回拉,等于逐张重新配色一次,越拉越散。
正确的做法是单向收敛:色相往锚色靠,摆幅压在正负 5 度以内;饱和度只降不升;明度对齐到同一个值。

这张对比很能说明问题。左边是原始的复古植物,灰绿、棕褐、暗红,整体是压着的,像一本旧图鉴;右边是同一条线裂变出来的版本,深红更深、深绿更绿,鲜度明显被顶上去了。右边单张更"好看",但它已经不在那个 muted 的语言里了。这种漂移没法靠加饱和拉回来,只能往下压。
顺序不能乱
先对明度,再对色相,饱和度留到末位。
三个轴互相牵动。改明度会改变色相的感知——同一串色值,亮一点看起来更黄,暗一点看起来更红;改色相又会改变饱和的感知。顺序错了,你会反复推翻自己刚做的调整。
别用自动
自动对比度、自动色调、自动白平衡,这些功能是逐张独立计算的。九张各自算一遍,等于九次独立的重新配色。批量调色要用同一组曲线、同一个 LUT,参数固定,不随图变。
题材敏感度:花卉最脆,几何最皮实
同样的漂移,落在不同题材上,后果差得很远。这个差异值得提前知道,它决定了你在哪些图上要死守,在哪些图上可以放松。
花卉植物:最脆的一类
花卉是敏感度最高的一类,尤其是紫和品红这两个区间。原因有两个:这两个色相在感知上变化最快,几度的偏移就能看出"换了品种";花瓣本身有大量渐层,漂移会把渐层的位置和方向一起改掉。

左边是白底,蓝粉的花配蝴蝶,整体偏淡雅,像水彩纸上的稿子;右边放大之后,橙、蓝、粉同时更艳,蝴蝶翅膀也更亮。这两张摆在一起卖,买家会以为是两个系列——实际上是同一个母题。
复古 muted 色系排第二,怕的东西不一样:它怕被提鲜。muted 的价值就在那点灰和旧,一提鲜就变成廉价印刷品。
卡通角色:色少,但色要正
卡通角色的主色通常只有两三个,可每一个都承担识别功能。偏一点,角色就"不像"。这类图的容错不在数量,在准确度。
再往下是宽容的一档。黑白线稿、几何纹理、单色剪影,这三类基本不用为色相操心。信息全在形和密度上,颜色只是载体。同一张线稿裂变出五个版本,摆在一起也不会散。
一个特殊情况:带渐变的图
渐变要单独看。漂移不只改色标的值,还会改渐变的方向、色标的位置、过渡的陡缓。一张从左到右的渐变,裂变之后可能变成从上到下。这种变化在缩略图上几乎看不出来,在实物上是"这根本不是同一张图"。
载体差异:小件能糊过去,挂布糊不过去
颜色漂移被看见的程度,跟你印在什么东西上关系很大。
小件——手机壳、贴纸、卡包、徽章——容错最高。面积小,注意力在图形上,加上曲面反光、手持角度、环境光变化,几个色阶的差会被视觉补掉一部分。一批手机壳摆在一起,颜色差一点,多数人不在意。
中件——T 恤、帆布包、抱枕——是主战场。面积够大,图案是平的,光线均匀,色差藏不住。这也是为什么大部分返工都发生在服装线上。
大件——挂布、浴帘、床品——最狠。色块面积大,而且是成对、成组出现(两块挂布、四件套),只要差一点,并排就能看出来。几百块的色差在这么大尺寸上会被放大成"两个批次"。
我们吃过一次亏。一组浴帘,同一张图出了两个尺寸,小尺寸那版在另一台机器上打,出来整体偏暖一档。单看没问题,客户把两片挂在一起,拍了照片过来问是不是发错货了。
环境光这一层经常被忽略。挂布挂在室内,暖光下整体偏黄,冷光下偏青。同一张图在两种光下看,色相差能有好几度。所以大件的验收,最好挪到自然光下看一眼。
印刷的第二次漂移:RGB 到 CMYK 掉的那一截
屏幕上的颜色和纸上的颜色,是两套色域。RGB 能表现的比 CMYK 宽,尤其是高饱和的青绿和荧光粉,在 CMYK 里根本找不到对应的墨。
这不是偏一点的问题,是"根本没有这个颜色"。
屏幕上亮得发光的青绿,印出来会闷成一片暗青;屏幕上的荧光粉,印出来是一块偏灰的玫红。这两个区间是重灾区。
提前在 CMYK 里看
做法很朴素:设计阶段就把视图切到 CMYK 预览,看一眼。很多人是打样回来才第一次看到 CMYK 的样子,那时候已经晚了。
我们的线是把饱和度上限压在 85% 左右。超过这个值的颜色,屏幕上很漂亮,纸上很危险。
深色系另有一个坑
深紫、深棕、墨绿这类颜色,在 CMYK 里靠四色叠印出来,墨量一大就容易发脏、发花,干燥也慢。同一张图在屏幕上是"浓郁的深紫",印出来可能是"糊掉的紫黑"。
承印物底色:米白、麻灰、深色的第三次漂移
就算 CMYK 转得准,落到布上还会再变一次。
纯白的布,颜色最接近设计稿。米白的布,整体暖一档,冷色被压下去一点。麻灰的布,整体灰一档,所有颜色的鲜度看起来都低。深色的布,不垫白根本上不去色,垫了白之后,颜色又被那层白抬亮。
同一个图案,印在纯白和米白两种 T 上,是两种观感。米白那件更"旧"、更"柔",纯白那件更"利"、更"新"。这两件要是放进同一个货盘,买家会以为是两个版。
深底还要多算一步
深底必须垫白,垫白之后颜色怎么表现,取决于白层的厚度和遮盖力。白层打薄了,底色会透上来,整体沉一档;白层打厚了,颜色会浮,边缘发硬。
这一层没有捷径,只能打样。而且要用最终那个底色打,别拿白 T 的样去推断黑 T 的效果。
半透面料
莫代尔、真丝、薄雪纺这类半透面料,底下的肤色或者内搭会透上来,等于又加了一层不确定的底色。这类载体的颜色验收必须穿在人身上看,不能平铺。
验收与止损
动作都做完了,剩下是判断什么时候停。
阈值:15 度,和一句"故意的"
我们的线是:两个主色之间的色相差超过 15 度,且你说不出这是故意的,就该重配。
15 度这个数字不是标准,是经验。8 度以内,并排基本看不出来;8 到 15 度是"说不上哪里不对"的区间,最耗人;超过 15 度,就是两个颜色了。
"说不出这是故意的"这半句,比数字重要。刻意的配色差异一定有理由——这一版是夏季色,那一版是秋冬色;这一版针对男性客群,那一版是女性。有理由,15 度也是对的;没理由,8 度也是错的。
验收三看
一看并排缩略图。整批拖进一个画布,缩到列表尺寸,退后两步。
二看白底和深底各一次。深底专治明度漂移。
三看打印小样,或者把屏幕缩到 50%。50% 是个折中,比缩略图大,比原尺寸小,能看到图形结构,又不至于被细节骗过去。
止损:改两次,就换锚色
这是最有用的一条规矩:同一个母题,改到第二次还压不住色相,就停下来,换锚色重跑,别再微调。
微调的边际收益递减得很快。第一轮能拉回大半,第二轮只能拉回一点,第三轮开始,你会发现自己在一张图上反复推翻前面的决定。这时候继续调,成本已经超过重跑。
重跑不丢人。丢人的是一张图改了七版,结果并排放不进去。
成本账:变体不是资产,配色表才是
这笔账值得单独算一算。
一次返工的成本,看起来只是"再跑一遍",实际不止。重跑要时间,重审要人,重传要改详情页,已经投出去的素材可能要撤。一个系列九张图,重跑一轮加上下游的动作,半天算少的。
而上架之后被买家指出"两个颜色不一样",成本是另一回事。一条这样的评论会挂在详情页上,跟着这个链接走很久。它不影响一次成交,它影响的是每一个点进来的人的判断。
这两笔账不好直接比,一个是确定的工时,一个是概率性的损失。但有一点很明确:防的成本,永远低于补的成本。
唯一能复用的东西
变体不能复用。这一季的九张图,下一季基本用不上。
能复用的是配色表。一个母题的主色清单、色值、面积占比、允许偏移范围,这套东西可以跨季、跨载体、跨人使用。新来的人拿到配色表,不用重新理解这个母题,照着做就行。
所以我们现在交两样东西:一份是图,一份是配色表。前者是一次性的,后者是可以攒的。攒到后来,一个类目的色感就有了底,新人做出来的东西也不会离得太远。新用户有免费额度,手上有那种"九张摆一起像三个牌子"的图,可以先拿两张跑一遍,按上面这几个动作过一轮,看差多少。
三条最常见的误区
风格一致,就等于配色一致
不是。风格说的是笔触、构图、密度、质感,配色是另一条轴。两张图可以笔触完全一致,配色差出两个色系;也可以配色几乎一样,风格完全不同。
很多"这批图风格挺统一"的判断,其实只看了笔触,没看颜色。
把饱和度调回原样,就对了
不对。饱和度只是三根轴里的一根。色相偏了,你把饱和压回去,得到的是一张更暗、更脏、色相依然错的图。
正确的顺序是先看色相,再看明度,饱和排在末位。顺序反了,越调越远。
同一个提示词多跑几次,就是同款不同色
不是。同款不同色是一个设计决策,需要配色表、编号、主副色分工。同一个提示词多跑几次,得到的是几次独立的重新配色,是随机性的产物。
随机性不等于设计。前者要事后筛选,后者事前就有标准。
常见问题
问:一批变体里,颜色差到多少我就该停下来重做?
先看是不是主色在差。两个主色的色相差超过 15 度,你又没有明确理由,就停。8 度到 15 度这一段最磨人,看着不对劲但说不上来,这时候别靠感觉,把三张拖到一个画布上并排,缩到列表尺寸退后两步,答案会自己冒出来。实在定不下来,就先挑一张当基准,把其余的对齐它,而不是想着去改基准。
问:我在提示词里写了"复古红",为什么每次出来的红都不一样?
因为"复古红"在模型那里是一个区域,不是一个点。它可以在砖红、绛红、带灰的玫红之间自由落。我们后来改成两层写法:一层写清楚主色占多少面积,一层附一张只有三四个色块的参考图。落点立刻就窄了。只靠形容词,永远会漂。
问:屏幕上很好看的荧光绿,印到布上为什么发闷?
那是 CMYK 印不出来的颜色。四色墨混不出那么高的饱和,机器只能找一个最近的替代,替代的结果就是闷、灰、暗。做设计的时候把视图切到 CMYK 预览看一遍,或者干脆把饱和度上限压在 85% 以下,能省掉一次打样。深色墨量大的图还要多留一点余量,叠印多了会发花。
问:有一张变体颜色跑得很远,可我觉得它比原版好看,能一起卖吗?
能卖,但别当同款。给它单独起名、单独配一张配色卡、单独放一个货盘,让它自己站住。混进原来那一组,买家看到的是混乱,不是选择。我们那条"晨雾"线就是这么来的,一开始只是想抢救一张图,后来发现它自己就是一条线。
问:批量统一调色,会不会把本来正确的图也调坏?
会,尤其是用自动对比度、自动色调这类逐张独立计算的功能,九张图各算一遍,等于又裂变了一次。做法是先挑一张最接近锚色的当基准,在它上面把参数定死,再用同一组曲线批量套。另外记住一个方向:饱和度只降不升,明度只对不推,宁可整体压一点,也别把某一张顶上去。