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

标签 html css css-filters

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

最佳答案

您可以将棕褐色滤镜与色调旋转相结合来近似它:

img {
 max-width:100%;
 filter:sepia(1) hue-rotate(149deg);
}
<img src="/image/lMWO8.png">

关于html - 如何使用 css 过滤器将具有不同颜色的图像的色调更改为蓝色色调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57347508/

相关文章:

javascript - 使用 angular 指令和 jqLit​​e 选择第一个子图像标签

javascript - 将自定义类名添加到 jquery 日历单元格

html - : express + jade/ejs + html5 + css + websockets 的逻辑是什么

html - 我想创建一个模糊的按钮并在悬停时取消模糊

css - 如何仅反转 H、S 或 L 中的一个?

javascript - 如何在 reactjs 的一个组件中处理多个单选按钮组?

javascript - 如何忽略基于javascript的转换

javascript - 避免单词 split

html - 右 Angular css中的三 Angular 形叠加

css - 如何使用CSS再现设备下的阴影