饱和度

饱和度是三个基本颜色属性之一 (与色相和明度/亮度并列)，用于量化颜色的鲜艳程度或纯度。完全饱和的颜色不含灰色成分，呈现最大色彩强度。随着饱和度降低，颜色逐渐变得暗淡，直到饱和度为零时变为不含色彩信息的中性灰。

• HSL/HSV 表示：在 HSL (色相、饱和度、明度) 和 HSV (色相、饱和度、亮度) 颜色模型中，饱和度以 0% 到 100% 的百分比表示。CSS 的 hsl() 函数为 Web 开发者提供了直观的饱和度控制
• 饱和度与自然感：过度饱和会导致颜色溢出并显得不自然 - 肤色偏橙、天空看起来像涂画。自然饱和度 (Vibrance) 控件优先提升饱和度较低的颜色，同时保护已经鲜艳的色调免于过饱和
• 感知均匀性：RGB 或 HSL 中的饱和度调整在感知上不均匀。CIELAB 的色度维度围绕人类感知设计，能在不同色相间实现更自然的饱和度修改

在照片编辑中，饱和度调整是基本的色彩校正操作。风景摄影通常受益于增加饱和度以获得鲜艳的景色，而人像摄影通常使用克制的饱和度以保持自然肤色。Web 开发者使用 CSS filter: saturate() 实现实时饱和度变化，支持悬停效果和暗色模式适配。使用 filter: saturate(0) 即可简单实现灰度转换。

饱和度 (Saturation) 是色彩三属性 (色相、饱和度、明度) 之一。在 HSL (Hue, Saturation, Lightness) 与 HSV (Hue, Saturation, Value) 色彩空间里，它以 0-100% 的百分比表示：CSS 的 hsl(0, 100%, 50%) 是纯红，而 hsl(0, 30%, 50%) 是发灰的红。感知均匀性是另一个课题——即使把饱和度提高相同的数值，不同色相看起来的变化量也不一样，因此 CIELAB 的 Chroma 与 OKLCH 的 C 成分改以人类感知为基准设计，可做到不依赖色相的均匀调整。Lightroom 的 Vibrance 则优先抬升低饱和度的颜色，抑制本已鲜艳的肤色与橙色系过饱和。实务上，风景照片多会提升饱和度，而 Web 端可用 CSS 的 filter: saturate() 给出大于 1 的倍率来强调饱和度。