HCT 不是色彩学界的通用标准色彩空间，它是 Google 的 Material 团队为 Material 3 配色体系提出并实现的一种颜色坐标。明白这一点很重要，因为它会直接影响你接下来怎么理解它，以及该把它用在什么地方。

Material 团队提出 HCT 的目标也很明确，并不是让它要替代 RGB 或 HEX 的交付方式，而是希望在做界面配色系统时，设计师能用更清晰的结构去组织颜色，尤其是色阶、层级和对比这些最容易出问题的部分。你可以把它理解成一种更适合生成配色体系的语言，而不是一种新的交付格式。

1. HCT 三要素

HCT 由三个英文词组成。

1. H 是 Hue，表示色相方向，负责回答颜色更偏向哪一个方向，比如更像红、更像绿，还是更像蓝。

2. C 是 Chroma，表示彩度强弱，负责回答颜色有多浓，还是更接近灰。

3. T 是 Tone，表示明暗刻度，负责回答颜色有多亮，它更接近白，还是更接近黑。

Hue 管方向，Chroma 管浓淡，Tone 管明暗。HCT 之所以好用，恰恰是因为它把最常用的三类控制手段拆开了。

2. HCT 从何而来

很多人会把 HCT 当成一套全新的色彩模型。HCT 的实现并不是从零开始重新造一套理论，它更像一种组合。它把两套成熟体系中最适合做界面配色的部分取出来，再拼成一套更便于生成色阶的坐标。

在 HCT 里，Hue 和 Chroma 采用 CAM16 的定义。CAM16 属于颜色外观模型，它更关注人眼如何感受颜色的方向与强度。HCT 借用这两条轴，是为了让方向与浓淡更贴近感知，也为了让色阶在推演时更少出现意外的偏移。

在 HCT 里，Tone 采用 CIELAB 的 L*。L* 是一条更接近人眼亮暗感受的明度刻度。界面配色里最频繁的工作就是组织明暗层级，背景、卡片、容器、状态变化几乎都离不开这一条轴。Tone 采用 L*之后，设计师更容易解释一套色阶的层级关系，也更容易把对比与可读性讨论清楚。