html - 如何使用css过滤器将不同颜色的图像色调更改为蓝色色调

Question

我有不同颜色的图像。在 adobe photoshop 中，我的图像使用智能滤镜进行过滤，为图像添加色相、饱和度、亮度。所以我需要将图像上的所有颜色更改为蓝色。但是在 css hue-rotate() 函数中旋转所有颜色，但我需要设置一种颜色并改变一些饱和度和亮度。这是源图像： 我需要得到这个： 如何使用 css 过滤器在图像上设置一种色调颜色?

标签： htmlcsscss-filters

Answer 1

您可以将棕褐色滤镜与 hue-rotate 结合使用来近似它：

img {
 max-width:100%;
 filter:sepia(1) hue-rotate(149deg);
}

<img src="https://i.stack.imgur.com/lMWO8.png">