色相
区分红与蓝、绿与黄的颜色属性 - 以色轮上的角度 (0-360 度) 表示,代表主波长。
色相是三个颜色属性(色相、饱和度、明度)中最直观的一个,定义了某物是什么颜色。它以色轮上的角度位置表示,以度为单位从 0 到 360 度测量,其中 0 度对应红色,120 度对应绿色,240 度对应蓝色。色轮上相邻的色相是类似色,直径对面的是互补色。
- 色轮与和谐理论:互补色相(相隔 180 度)产生最大对比和视觉张力。类似色相(30 度以内)产生和谐、统一的调色板。三色(120 度间隔)和分裂互补方案也源自色轮几何
- HSL/HSV 色相操作:在 CSS 中,
hsl()函数以色相为第一个参数:hsl(0, 100%, 50%)是纯红色,hsl(120, 100%, 50%)是纯绿色。filter: hue-rotate()属性将图像中所有色相偏移指定角度 - 感知考虑:人类视觉对绿色区域的色相变化最敏感,对蓝紫色最不敏感。色相步进的感知大小在色轮周围变化,这就是为什么 CIELAB 等感知均匀色彩空间使用不同的角度映射
在照片编辑中,选择性色相偏移是改变特定颜色而不影响其他颜色的强大工具。Photoshop 的色相/饱和度调整和 Lightroom 的 HSL 面板允许针对窄色相范围进行旋转。在 Web 开发中,CSS 自定义属性结合 hsl() 可实现主题系统,更改单个色相变量即可一致地更新整个品牌调色板。