02 章 · 本章目录
CHAPTER 02 基础

颜色的三种属性

把颜色拆成色相、明度和纯度,才能知道一次调整究竟改变了什么。

颜色看起来不对时,你能说清究竟是色相、明度还是纯度出了问题吗?
28 分钟4 个小节1 个观察实验
学完本章,你将能够
  1. 01区分色相、明度和纯度
  2. 02理解明度为何优先
  3. 03学会使用三阶和五阶明度归纳
01

任何颜色判断,都可以先拆成三个问题。

色相、明度与纯度

色相回答“它更接近什么颜色”;明度回答“它有多亮或多暗”;纯度回答“它有多鲜艳或多灰”。三种属性互相关联,但在训练中应尽量一次只比较一个。

色相颜色种类改变
明度亮暗程度改变
纯度鲜艳程度改变
02

为什么明度优先

明度负责最基础的形体、空间和视觉层级。色相很丰富但明度混乱的画面,转成灰度后主体往往会消失。

初学时可以把复杂画面压缩为亮、中、暗三组。先确认大面积分组,再在每一组内部增加细微变化。

明度Value / Lightness

颜色在视觉上呈现的明暗程度,是建立体积和空间最重要的颜色属性。

最暗中间调最亮
03

纯度控制视觉力量

高纯度颜色在灰色环境中会非常突出,因此强调色不需要很大。降低纯度可以加入补色或中性色,也可以通过调整周围关系让它相对显灰。

纯度和明度不能混为一谈:黄色通常明亮,深红可能很暗,但两者都可以保持较高纯度。

04

固定比较顺序

遇到颜色不准确时,先检查明度,再检查冷暖和纯度,最后微调具体色相。固定顺序能减少在色盘上反复试错。

互动实验

把概念变成一次可见的变化。

实验状态可以随时重置。展开一个实验操作,或进入独立页面复制分享链接。

实验 01颜色三属性用 OKLCH 分离控制色相、感知明度和纯度,并用灰度验证明度判断。展开实验 +
在独立页面打开 ↗
实验 01

颜色三属性

如果一次只改变色相、明度或纯度,颜色会怎样变化?

基准色#E36558
当前色#E36558
当前观察

当前色相 28°,明度 66%,纯度 16%;灰度值 #8C8C8C。该颜色位于 sRGB 显示范围内。

观察结论

色相说“是什么颜色”,明度说“有多亮”,纯度说“有多鲜艳”。先检查明度,画面结构通常更稳。

小挑战

保持色相不动,把纯度降到一半;再只改变色相,观察灰度是否仍然接近。

本章自测 · 3 题检验你是否能主动判断,而不只是读懂例子。开始自测 →

本章复盘

先确认你真正看见了什么。

  • 能单独判断三种属性
  • 能将画面归纳成三阶明度
  • 能在灰度视图中找到主体
完成本章学习

读完总结后,可以手动标记完成。