像素风游戏色彩实验：从 209 色到 24 色的互补色环提炼

精华06/03151 浏览开发日记

一次将"好看但混乱"的调色板收敛为"天然和谐"的系统化色板的过程记录。（因为只是实验，不知道是否成功，具体要看手绘作品。）

第一版色板（v1）有 209 个颜色，分了 21 个大类。颜色很多，搭出来也不难看，但总感觉缺少"一气呵成"的统一感。仔细分析后发现症结——209 色散布在色环的各个角落，虽然单个类别内部有梯度，但类别之间缺少系统性的色相约束。简单说：颜色是一个一个从参考游戏"吸"来的，而不是从一套色彩数学里"推"出来的。于是我们做了一个实验：能不能只用 24 个基色 × 5 级明度，用色环互补原理保证它们天然和谐？

第一个色阶

随便乱花画的测试颜色是否过度自然。

背景在做一款像素风经营游戏《洞天福地》时，我们面临一个典型问题：第一版色板（v1）有 209 个颜色，分了 21 个大类。颜色很多，搭出来也不难看，但总感觉缺少"一气呵成"的统一感。仔细分析后发现症结——209 色散布在色环的各个角落，虽然单个类别内部有梯度，但类别之间缺少系统性的色相约束。简单说：颜色是一个一个从参考游戏"吸"来的，而不是从一套色彩数学里"推"出来的。于是我们做了一个实验：能不能只用 24 个基色 × 5 级明度，用色环互补原理保证它们天然和谐？

第二个色阶，很长，看得我有点犯困

最后的色阶。。

实验方法第一步：确定色环骨架不再让颜色自由分布在 360° 色环上，而是只允许 4 个色相区间存在： 90°

绿色区 (100-130°)

180° ----+---- 0°

蓝灰区暖色区

(180-230°) (5-55°)

紫粉区 (320-350°)

270°

这 4 个区间形成两组互补对：

暖色区 ↔ 蓝灰区（色环对面）
绿色区 ↔ 紫粉区（色环对面）

对比：v1 vs v2维度v1（209 色）v2（24×5=120 色）颜色总数209120色相分布散布全色环严格 4 区间色之间的关系同类别内有梯度，跨类别无约束任意两色都在互补框架内新增颜色靠感觉/吸色套公式计算暗色生成手动调暗公式自动偏紫适用场景已有的 21 类资产足够用新场景可以无限扩展（只要在 4 个区间内）实际感受把 v2 的 120 色铺在一起时，第一感觉是**“这些颜色本来就是一家人”**。这不是因为它们长得像（朱红和嫩竹当然差很远），而是因为：