配色流程步骤怎么排？分享我用了6年的实操顺序

刚入行那会儿我配色全靠感觉，打开调色板一个个试，试到顺眼就交稿。结果甲方一句"再改改"，我又得从头来一遍。后来做多了才明白，配色不是灵感活，是有固定顺序的手艺活。顺序对了，改稿次数能少一半。

我现在带新人，第一件事就是让他们把配色当成流程走，别一上来就纠结具体色值。

我的配色流程六步走

下面这套顺序是我在电商、后台系统、活动页三种项目里反复用过的，基本能覆盖八成场景：

• 先定情绪和场景。是促销要冲，还是工具要稳？这一步只写词，不碰颜色。
• 选主色。从行业常见色里挑，或者直接从品牌VI里拿。
• 配辅助色。主色的邻近色或对比色，最多两个，多了就乱。
• 定中性色阶。灰要有5到7档，文字、边框、背景全靠它撑。
• 分配比例。按60:30:10铺开，主色占大头，点缀色只留一点点。
• 落地验证。对比度、深色模式、色盲模拟，一样样过。

主色别凭手感，看两个硬指标

选主色这步最容易翻车。我见过太多人挑了个漂亮的紫色，结果放到按钮上，白字压上去根本看不清。所以我现在只盯两个硬指标：一是和白色的对比度能不能到4.5:1，二是它在小尺寸图标里会不会糊成一团。

举个去年的例子。帮一个做进销存的后台改配色，原来的主色是亮青#00C8C8，看着挺清爽。我拿工具一测，白字放上去对比度只有2.1:1，远低于无障碍要求的4.5:1。后来把主色压深到#0E8A8A，对比度提到4.8:1，色相没变，但按钮文字终于能看清了。就这一处改动，用户反馈"看久了眼睛不累"的留言多了十几条。

顺带说一句，60:30:10这个比例别死记。后台系统这种信息密度高的地方，我通常调成70:20:10，中性色再多留一档，不然满屏都是彩色块，看着累。

交付前的验证清单

配色方案定完，别急着交付。我现在固定跑这几项：

• 把界面转成灰度截图，看看层级还清不清楚，糊了就说明明度没拉开。
• 开系统自带的色盲模拟，红绿型走一遍，别让"成功/失败"两个状态撞色。
• 深色模式单独调，不是简单反色，主色一般要提亮一档。
• 把色板写成变量命名，像primary-500这种，方便后面统一改。

这套流程走下来，一个项目的配色方案大概两三个小时能定，比我早年瞎试快太多了。真正花时间的反而是最后的验证环节，但那部分省不得。配色这东西，好看是其次，能用、耐看、不出错才是底线。