刚开始接触配色时，许多人都会停在同一道坎上。你能挑出一个自己很喜欢的颜色，却很难再围绕它搭出一整组看起来像同一家族的色卡。与其焦虑自己有没有天赋，不如先做一件踏实的事，亲手生成一组可控的十二色或二十四色 HEX 值。它更像一把刻度清晰的尺子，日后无论是练习配色、设计图表分类色，还是调整渐变，你都可以用同一把尺子来推敲和复盘。

这套方法背后的想法其实很简单。只让色相发生变化，把饱和度和明度稳定下来。你得到的就不再是一堆凭感觉抓来的颜色，而是一组有依据、可重复、彼此可以对照的结果。

1. 准备工作

在动手之前，先要弄清楚自己到底在做一件什么样的事情。所谓 12 色环和 24 色环，本质上就是把整圈色相按一定步长平均切分，只是分得粗一些还是细一些的区别。

一圈是 360 度，如果分成 12 份，每一份是 30 度，相邻两点之间隔着 30 度的色相距离。分成 24 份时，每一份是 15 度，刻度更细，你在色环上每往前走一步，颜色的变化也随之变得更细腻。

整个过程最后得到的东西其实很朴素，只是一串可以直接拿来用的颜色值。它们通常写成 6 位的十六进制形式，也就是在前面加一个#号，再跟上 6 个字符，比如 #E61919，这就是我们平时所说的 HEX 颜色。

2. 选颜色体系

要亲手做一圈可控的色环色卡，最合适的选择其实是使用 HSL。你可以先把它理解成对同一种颜色的三次描述，用三条轴把颜色拆开来看。

• H 是色相，决定你在色环上的停靠位置，是靠近红和橙，还是接近蓝和紫。
• S 是饱和度，描述颜色有多纯，是偏灰、偏柔和，还是鲜艳、很有存在感。
• L 是明度，决定颜色有多亮，是朝白那边靠近，还是更接近黑。

制作这组颜色时，你只需要抓住一个原则。先把 S 和 L 固定在同一组数值上，只调 H 这一项，让色相沿着色环按步长往前走。这样得到的每一个颜色，都是在同一亮度和饱和度下，对不同色相的均匀取样。整圈色卡的气质会非常统一，你在分析和复用时也更容易说清楚自己到底改了什么、改了多少。

3. 选固定参数

在沿着色环取样之前，先把 S 和 L 定住，这是整套方法能不能稳定的关键。你可以把这一层理解成给这组色卡定气质，是更鲜明清晰一些，还是略微柔和一点。对新手来说，一个比较通用的起点，是把 S 设为 80，把 L 设为 50，这样生成的颜色既接近教科书里的标准色轮，又不容易显得刺眼。

如果后面觉得画面太冲，可以慢慢把 S 调低到 70 左右；如果觉得整体偏暗或偏亮，再在 45 到 55 之间轻轻推一推 L。

建议一开始先坚持用同一组参数，不要同时做太多版本，否则很容易把基准搞乱，连自己都说不清哪一套才是这组色卡真正的出发点。