AI店铺色卡怎么建立？配色方法与复用技巧

打开后台素材库，前三张主图都是最近做的，配色干净、字体统一；再往下翻两屏，颜色开始跑偏，红色从正红变成砖红，背景灰从冷灰变成暖灰；继续翻到去年的老图，那基本是另一种风格了。这不是某一个店的个别情况，而是绝大多数店铺走到第二年都会遇到的场面。店主自己也说不清是从哪一张图开始跑偏的，只知道现在想把整个店铺的视觉拉回来，工程量看起来大得吓人。

跑偏的起点往往不是审美下降，而是”每次都重新决定一次颜色”这个习惯。做一张图决定一次，做十张图就决定十次。每一次决定单独看都没问题，累加起来就出现了偏差。要终结这个循环，办法不是把每张图做得更精致，而是提前把颜色决定一次，写下来，之后所有图都调用同一套。

这篇文章讲的正是这件事：给自己店铺建立一套专属色卡。内容分四块展开，先讲清楚为什么必须建立，再讲颜色从哪里来、怎么从品牌资产里取，然后是命名归档和团队复用的具体规则，最后落到色卡与主图、详情、活动图的统一关系，以及用青虎AI把建卡和用卡串成一条线。整篇围绕”能不能被执行”展开，不做泛泛的色彩理论。

有一个前提需要先立住：色卡不是设计部门的内部参考资料，而是店铺的经营资产。它决定了你的主图在信息流里长什么样，决定了详情页读起来顺不顺，决定了首页陈列起来像不像同一个品牌。把它当资产来管理，后面所有规则才立得住。

一、为什么”建色卡”这件事总是被拖到最后

几乎所有人都认可色卡有用，但真正建起来的人不多。原因不在难度，而在它被归错了类。

它被当成了可以延后的事。上新、备货、投放、客服，每件事都有明确的时间点和责任人，色卡没有。它不解决某一天的紧急问题，只影响长期的观感。于是一次次被推到”等有空的时候”，而有空的时候永远不会到来。

二、建卡前要先回答的四个问题

动手之前有四个问题必须先有答案。跳过它们直接取色，得到的色卡大概率用不上。

谁用这套色卡。是只有自己用，还是设计师、运营、外包、供应商都要用。使用者的范围决定了色卡要写多细。只自己用时，心里有数就行；多方协同时，每个颜色都要有名称、色值、用途和禁用范围，否则交出去就是要重新解释一遍。

用在哪几类素材。主图、详情、活动图、首页、视频封面、包装物料，每类素材对配色的要求不同。先把范围圈定，色卡才不会被设计成”什么都能用、什么都不好用”的状态。

颜色要几个。这个问题没有标准答案，但有一个上限：整套颜色控制在八个以内。主色一个，辅助色一到两个，中性色两到三个，强调色一个。颜色越多，做图时的判断成本越高，每个人挑的颜色也越分散，统一的初衷就被抵消了。

谁来维护。产品迭代、品牌升级、季节活动都可能需要调整配色。如果没有约定谁来改、多久校准一次，色卡要么长期不更新而失效，要么被随意修改而失去权威。把维护人和校准周期写进色卡的说明页，这件事才算完整。

三、品牌取色：从已有资产里把颜色取出来

颜色从哪里来，决定了色卡能不能代表店铺。四类来源里，品牌取色的优先级最高，因为它承接的是已经建立起来的认知，老客户看到的还是熟悉的颜色。

品牌取色的对象包括这几个：标志文件、产品包装、店铺装修页面、已有的品牌物料、公众号或视频号的固定视觉。这些素材里反复出现的那个颜色，就是品牌主色最可靠的来源。判断方法不复杂：把几份主要物料并排放在一起，找出出现频率最高、最接近品牌初衷的那个色值，把它定为标准。

实际操作里最容易卡住的地方是标志文件不唯一。很多品牌的标志有多个配色版本，有描边、有渐变、有反白版本，取色时不知道该以哪个为准。处理办法是先定基准版本，选日常最常用的那一套，再从基准版本里取色时避开渐变过渡区和描边压边位置，取纯色块的中间区域。

取到之后要过一道可用性检查。检查三项：主色在小面积使用时是否还能被识别；主色上压白色文字是否清楚；主色和强调色放在一起是否打架。这三项不通过，说明这个颜色不适合直接作为店铺主色，需要调整明度或饱和度，而不是硬用到素材里。

如果店铺还没有品牌资产，品牌取色这一环就替换成定色。定色的原则是选一个有辨识度但不刺眼的颜色作为主色，饱和度不要拉满，留出调整余地；再用明度变化派生两到三个同色系深浅色，配两到三个中性色和一个强调色，一套基础色卡就成型了。定色之后建议做一次实物验证：把候选主色打印出来或者做成色块，贴在包装和产品旁边看观感。屏幕上的颜色因为背光会显得更亮更饱和，放到实物旁边往往偏灰偏暗，这一步能避免色卡发布之后才发现整体偏色。

四、产品取色与场景取色的分工

品牌取色解决”你是谁”，产品取色解决”你卖什么”，场景取色解决”用户在什么状态下用它”。三类来源承担的职责不同，配色时的用法也不同。

产品取色的价值在于让画面和商品实物协调。用户看到图上的颜色和收到实物后的感受一致，不会产生割裂，这是退货率最高的一类问题之一。产品本身颜色有辨识度的类目最适合产品取色，比如家居、服装、饰品，主色直接取自产品的主色调，画面天然协调。产品取色的落点要避开高光和阴影，取在中间调区域。

场景取色适用于品牌资产为零、产品本身也没有明显颜色的情况，比如标准化的工具类商品。这时只能从使用场景、人群偏好、内容平台的流行趋势里定义颜色，让画面传递出使用这款产品时的氛围。场景取色的产物通常落在中性色和氛围色上，不承担主色职责。

竞品取色的作用是定位和避让，而不是照搬。把同类目头部的素材放在一起看，如果整个类目都在用暖橙色，你用冷灰就会显得突兀；如果所有人都在用冷灰，你用一抹暖色反而更容易被看到。竞品取色的正确用法是找空白，看的是”别人都在用什么，我该避开什么”，它不进入色卡的颜色列表，只用于校验方向。

中性色是整套色卡的黏合剂，它的明度和冷暖倾向决定了画面能不能被统一起来，这一项选错，主色再准也补不回来。主色则最好只保留一个。多主色会让整套素材失去重心，用户看不出哪个颜色代表你。如果店铺经营多条产品线，可以为每条线各建一套色卡，但每套色卡内部仍然只有一个主色，产品线之间靠主色的色相差异来区分。

图1：有统一色卡与逐张凭感觉配色，在主图与详情图成套呈现时的视觉差异

五、命名与归档：让半年后的人也能用

色卡能不能被反复使用，取决于命名和归档规则的清晰度。规则的作用是让别人不用问你也能找到、看懂、用对。

文件命名建议包含三个要素：品牌或产品线、色卡版本、生效时间。名称里带上这三项，半年之后打开文件夹，你能立刻判断哪个是现行版本、哪个是历史版本，不会因为重名而用错。名称里不要带主观描述词，雾霾蓝这类词在不同人眼里对应不同颜色，放进文件名只会制造混乱。

色卡内部每个颜色也要命名。用角色加序号、或角色加深浅的方式，比如主色、辅助色一、辅助色二、中性色深、中性色浅、强调色。功能性命名的好处是任何人都能立刻判断这个颜色该用在哪里，交接时不需要额外解释。

色值必须以文本形式独立存放，能直接复制。做成一张图片存下来、用的时候对着图手动输入的做法，抄错一个字符颜色就完全不同。存放位置要放在团队共享目录的唯一入口，本地副本不作为标准。这一条看起来是小事，却是版本分裂最常见的源头：每个人手里都有一份自己的副本，几周之后团队里就有好几个版本在流通。

六、把主图、详情、活动图统一到同一套色卡

主图的目标是点击。它在信息流里和几十个同类商品并排出现，要在极短时间里被看到。主图用色的策略是提高对比度，把强调色用足，让画面从周围环境里跳出来。主图的颜色数量要克制，两到三个足够，颜色一多反而没有视觉重心。

详情页的目标是转化。用户在详情页停留时间长，阅读负担要低，配色策略是降低对比度、提高舒适度：背景用中性色，文字用深色中性色，强调色只用在关键卖点和价格上。同一屏里出现太多高饱和颜色，用户读起来会累，转化反而受影响。

活动图和首页是第三层。活动图需要在一批素材里形成节奏感，同一场活动的主图、会场图、详情顶部图如果都用同一个强调色，用户在滑动时会感知到这是一场活动。首页承担品牌展示功能，主色的出现频率要更高，让用户一进店就接收到品牌色彩信号。

三类素材的落地顺序建议是先定色卡，再定各类素材的颜色用量比例，最后才做出图。顺序颠倒过来，先出图再想统一，返工量会成倍增加。用量比例可以写进色卡的说明页，做成可执行的比例规则，而不是一句”尽量统一”。

七、用青虎AI建立店铺色卡并驱动出图

手动建卡最耗时的是取色和验证两个环节。取色要在一堆素材里反复吸管取样，验证要把色卡贴到不同素材上看效果，两件事都费时且主观。青虎AI是对话式 AI 电商作图工具，输入图片加需求描述即可出图，支持批量处理，建卡和用卡的操作路径是上传素材、输入需求、生成调整、导出使用，两个环节可以压缩到一段对话里。

建卡的起点是把素材交给工具。把品牌物料、产品图、参考图分批上传，用平时的说话方式描述需求，比如”从这几张图提取主色和辅助色，做一套用于主图和详情图的店铺色卡”。有明确要求时把要求写进需求里，比如”主色以产品图为准””中性色要三个层次””强调色只保留一个”。

图2：从上传素材到色卡归档并驱动批量出图的四步流程

除了取色和出图，青虎AI的 AI取色配色、AI图片生成、AI图片美化几项能力可以和色卡配合使用。做 AI图片美化时把色卡作为约束条件写进需求，生成图的色调会自动落在同一体系里；做 AI图片处理时把外来素材的背景统一替换成色卡里的中性色，新旧素材的差异会明显缩小。这里要说明能力边界：工具负责把颜色准确提取出来、按需求整理成色卡，也负责把配色稳定地应用到新图上；至于这套色卡是否符合品牌定位、是否需要随季节调整，属于经营层面的判断，仍然需要人来拍板。

八、四个常见误区

九、让色卡真正被用起来的四个技巧

十、三个真实使用场景

下面三个场景覆盖不同阶段和不同规模的店铺，可以对照自己的情况参考。

图3：新店建卡、老店素材统一、多店铺外包管控三类落地场景

这里还有一条容易被忽略的边界：色卡规范的是背景、标注、文字这类画面元素的配色，商品本身的颜色、材质、结构必须以实物为准。用色卡统一视觉的时候，不能顺手把商品调成色卡里更好看的那个颜色，这样做既会让用户收到货后产生落差，也属于与实物不符，不能用在与商品展示相关的素材里。

图4：店铺专属色卡由主色、辅助色、中性色与强调色构成，每个色块标注色值、用途与版本

十一、总结：把配色变成可复用的资产

十二、常见问题解答