色彩：看，不要猜
脏 vs 干净、饱和失控、明度糊成一片、70/25/5 面积——全部用色块当场对比。点「灰度检查」验证层次是否成立。
打开后：层次还在 = 明度对了；糊成灰 = 明度差不够
COMPARE
同一场景：脏配色 vs 干净配色
左边：高饱和互抢、色相乱、面积差不多。右边：主色统一、大面积低饱和、一点缀。
BEFORE · 脏
品牌标题
辅助信息块
再来一块强调
按钮
AFTER · 干净
品牌标题
辅助信息块
正文用低对比中性色，不抢主色。
按钮
THREE AXES
干净配色三维度 · 色块演示
01 色相统一
同一色相家族，深浅变化
上：统一 · 下：色相混乱
02 明度对比
拉开明暗，层次才清晰
上：有对比 · 下：明度相近糊成一片
03 饱和控制
大面积低，点缀才高
上：克制 · 下：饱和互抢
INTERACTIVE
拖动：看饱和 / 明度如何「变脏」
固定色相（蓝）。把饱和拉满、或几个色明度拉近，脏感会立刻出现。
当前：可用作主色（中等饱和）
PROPORTION
看比例，不看种类 · 70 / 25 / 5
种类多 · 面积差不多 · 花
五种色各占 20% → 没有主色
70 主 · 25 辅 · 5 点缀
一眼看出主色，点缀才有记忆点
TRAPS
三个坑 · 色板对照
色相混乱
说不出「主色是什么」
明度相近
转灰度后层次消失
饱和失控
全是高饱和，互抢刺眼
干净的配色不是感觉出来的，是检查出来的。