配色方案的理由
不给色号,给一套能推导、能调整的配色规则
我要给 [产品/页面] 定配色,但不想只拿到几个色号。请给一套可推导的方案:1)先排定这套颜色要服务的目标(可读性、情绪、品牌识别),并说明排序理由;2)解释主色为什么是这个色相,依据是什么;3)给出中性色的层级逻辑——背景、卡片、分割线、次要文字各差多少明度;4)规定强调色的使用配额,一屏最多出现几次、只准用在什么元素上;5)给出切换深色模式时的调整规则。不要用「高级灰」这类没法执行的词。
使用建议
先把目标排序自己填好,再让它解释色相理由,否则理由很容易飘。
适合什么场景
- 要在评审上解释「为什么是这个颜色」,而不只是展示色板时——需要目标排序、色相理由和使用配额三样一起给。
- 产品要扩到深色模式或多品牌皮肤时——需要可推导的规则(中性色层级、强调色配额),而不是一组固定色号。
不适合的场景
- 只是想快速看看几种配色效果——这时要的是图不是理由,用调色工具直接试更快。
- 品牌主色已由 VI 锁定且不可改——能调的只剩中性色和强调色配额,让它重选主色是白费。
示例
输入
一个 B 端数据看板,用户每天看 8 小时,品牌蓝 1F5AE0 不能改,需要补一套暗色模式
你会得到
先排目标:长时间可读性高于状态色可辨识,状态色可辨识高于品牌识别。主色沿用品牌蓝,但说明在深底上需提亮约 12% 才能达到对比度要求。中性色给四级明度差,背景、卡片、分割线、次要文字各固定一档;强调色配额限一屏三处,只用于主操作与异常告警。暗色模式规则写成不用纯黑、靠明度而非阴影抬升层级。
常见误用
- 直接要「给我一组高级配色色号」——拿到五个 hex 却不知道为什么,换一个页面又不会配了。
- 让它同时兼顾可读性、品牌感、年轻化、节日氛围——目标没有排序,最后每条都只满足一半。
可以这样改
- 把「解释主色为什么是这个色相」换成「给两个候选色相,各自说明代价」——从接受一个答案变成做一次有依据的选择。
- 加一条「给出无障碍不达标时的降级方案」——色弱和低对比场景有预案,评审时不会卡在这里。