简要说明
- 色相是颜色在色轮上的位置，从 0° 到 360°：红在 0°，绿约 120°，蓝约 240°，最后回到红。
- 饱和度表示颜色浓度，从 0%（灰）到 100%（纯色）。明度表示多亮，从 0%（黑）到 100%。
- 色相是圆形，因此两个色相最远相差 180°，即色轮两端。看似更大的误差，反方向量就更小。
- HSB 用于凭眼睛选择和描述颜色，RGB 描述屏幕如何产生颜色，Lab 用于测量两种颜色看起来差多远。它们回答不同问题。
- 用三个独立滑块重现颜色，能暴露哪种判断偏移；从色样中选择做不到。
三个数，三个问题
比如一种柔和的蓝绿色。描述它时，你不会先想红、绿、蓝光各有多少，虽然屏幕正是这样工作。你会说它是蓝绿色、不太浓、有些暗。这就是 HSB：按人实际思考的顺序，色相、饱和度、明度。Alvy Ray Smith 在二十世纪七十年代末提出该模型，正是为了让选色方式符合视觉。它也叫 HSV，V 表示 value；二者是同一个模型。
| 维度 | 回答的问题 | 范围 | 两端含义 |
|---|---|---|---|
| 色相 | 是什么颜色？ | 0°–360° | 0° 为红，经过黄、绿、青、蓝、品红，再回到红 |
| 饱和度 | 颜色有多浓？ | 0–100% | 0% 是没有色相的灰；100% 是该色相最纯的状态 |
| 明度 | 有多亮？ | 0–100% | 0% 始终为黑，不受另外两项影响；100% 是该色相可达到的最亮状态 |
色相是角度，这很重要
色相排成圆，是因为从红到紫的线性光谱，可以通过彩虹中不存在的紫红色连起来：品红位于紫和红之间，让环闭合。因此色相用角度测量。红为 0°，黄约 60°，绿约 120°，青约 180°，蓝约 240°，品红约 300°，360° 又是红。
圆与直线不同，它存在最大距离，就是半圈。两个色相不可能相差超过 180°。目标 10°、估计 350°，并非错了 340°，而是跨过色轮顶部，相差 20°。诚实的色相评分必须取较短方向。最大错误是补色，即正对面的色相。因此 Percore 按 180° 归一化：从完美到最远偏差的完整范围。
饱和度和明度
饱和度是颜色中包含多少色相。饱和度为零时，所有色相变成相同的灰。因此很淡或灰蒙蒙的颜色确实难以命名，因为几乎没什么色相可看。满饱和时，颜色在该色相下最鲜艳。明度就是多亮；明度为零，一切都是黑，不管色相和饱和度。
两者的相互作用常让人误判。同样色相的深、饱和红，与浅、低饱和红，可能感觉完全不同。凭记忆调色时，人们通常色相大致正确，却高估饱和度，让记忆比原色鲜艳；明度则随环境光，可能向任一方向偏。分项评分应关注这些模式。
HSB 与其他模型
HSB 只是描述同一颜色的几种方式之一，各有用途。任务中选错模型常造成困惑，下面说明适用方向。
| 模型 | 是什么 | 适合 |
|---|---|---|
| HSB / HSV | 色相为角度，饱和度和明度为百分比。100% 明度是该色相最纯、最亮的版本。 | 凭眼睛选色和描述；取色器；找出颜色记忆偏差 |
| HSL | 色相相同，使用亮度 lightness 而非 HSB 明度；100% 始终为白，50% 为纯色相。 | CSS 与网页设计，常需将颜色向白色提亮 |
| RGB | 红、绿、蓝光各有多少，每项 0–255；屏幕实际进行的操作。 | 代码、文件格式和设备显示；不容易凭眼睛推想 |
| CIELAB（Lab） | 亮度加两条对立轴（绿–红、蓝–黄），设计目标是相同距离看起来同样不同。 | 测量两种颜色差异（Delta E）；印刷与色彩管理 |
可以这样记：RGB 面向机器，HSB 和 HSL 面向人，Lab 面向测量。用 Delta E 评分的工具在 Lab 中测量，给三个滑块的工具让你以 HSB 作答。都合理，只是提供不同信息。
为什么三个滑块比色样告诉你更多
颜色显示后消失，如果从六个色样中选最接近的，结果是一项信息：对或错，加一个距离。如果用三个独立控件重现，得到的是三个数：色相、饱和度和明度各差多少。这能找出偏差。如果每天色相误差小、饱和度误差大，你就了解了自己的视觉模式，并能修正。
这正是 Percore 颜色练习的思路：颜色铺满屏幕，随后隐藏，你用色相、饱和度和明度滑块重现。各误差归一化，色相除以 180°，其他两项除以完整范围，再平均转换为 0 至 100 的准确度，旁边展示分项结果。Percore 如何评分有完整公式，如何提升色彩感知则将分项结果转成练习方法。
用三个滑块调出一种颜色。
在 App Store 下载常见问题
HSB 和 HSV 是一样的吗？
是。V 是 value，B 是 brightness，指同一模型。软件命名不同：Apple 和 Adobe 工具称 HSB，许多其他工具称 HSV。
HSB 与 HSL 有什么区别？
色相相同。HSB 的 100% 明度，是该色相最纯、最亮的版本；HSL 的 100% 亮度是白，纯色相在 50%。HSL 常用于 CSS，HSB 常用于设计工具。
为什么色轮上红色在 0°？
这是约定。色轮总要有起点，模型定义时选了红。红、黄、绿、青、蓝、品红的顺序沿光谱排列，由品红闭合成环。
色相最大可能误差是多少？
180°，即色轮正对面的补色。任何看似更大的误差，反方向测量其实更小，因此始终应取较短方向。
三个维度中，人最常误判哪个？
实际中是饱和度：人们记忆中的颜色往往比实际更鲜艳。色相通常接近，明度很受周围光线影响。分项评分可以呈现你的模式。