hue-rotate()

hue-rotate() 是一个 CSS 函数，用于改变元素及其内容的色调。它作为滤镜函数应用于元素，可以创建各种视觉效果。

需要注意的是，hue-rotate() 实际上是在 RGB 颜色模型上执行矩阵运算，而不是将颜色转换为 HSL 模型。这意味着它可能不会保留原始颜色的饱和度或亮度，特别是对于饱和度较高的颜色。

这个功能在主流浏览器中都有很好的支持，自 2016 年 9 月起就被广泛采用。它可以在 Chrome、Firefox、Edge 和 Safari 等现代浏览器中正常工作。

hue-rotate() 函数常用于创建动态效果，例如在鼠标悬停时改变图像色调，或者创建彩色动画效果。通过调整旋转角度，可以实现从轻微色调调整到完全色彩变换的各种效果。