饱和度
颜色的鲜艳程度或纯度。高饱和度产生鲜明的颜色,低饱和度趋近灰色。饱和度为零时呈现完全无彩色的色调。
饱和度是三个基本颜色属性之一 (与色相和明度/亮度并列),用于量化颜色的鲜艳程度或纯度。完全饱和的颜色不含灰色成分,呈现最大色彩强度。随着饱和度降低,颜色逐渐变得暗淡,直到饱和度为零时变为不含色彩信息的中性灰。
- HSL/HSV 表示:在 HSL (色相、饱和度、明度) 和 HSV (色相、饱和度、亮度) 颜色模型中,饱和度以 0% 到 100% 的百分比表示。CSS 的
hsl()函数为 Web 开发者提供了直观的饱和度控制 - 饱和度与自然感:过度饱和会导致颜色溢出并显得不自然 - 肤色偏橙、天空看起来像涂画。自然饱和度 (Vibrance) 控件优先提升饱和度较低的颜色,同时保护已经鲜艳的色调免于过饱和
- 感知均匀性:RGB 或 HSL 中的饱和度调整在感知上不均匀。CIELAB 的色度维度围绕人类感知设计,能在不同色相间实现更自然的饱和度修改
在照片编辑中,饱和度调整是基本的色彩校正操作。风景摄影通常受益于增加饱和度以获得鲜艳的景色,而人像摄影通常使用克制的饱和度以保持自然肤色。Web 开发者使用 CSS filter: saturate() 实现实时饱和度变化,支持悬停效果和暗色模式适配。使用 filter: saturate(0) 即可简单实现灰度转换。