CSS Filter 作为一个图像的颜色修改器

标签 css hsl

是否可以使用 HueRotate、Saturation 和 Brightness 等 CSS Filter 方法更改 PNG 的颜色绘制为全白?类似于 Photoshop 的颜色叠加效果,但在 CSS 中。

这将是一个很好的解决方案,可以避免创建大量仅改变颜色的图像。例如,一组具有 UI 深色和浅色版本的图标。

最佳答案

您还可以通过添加棕褐色和一些饱和度、色调旋转来为白色图像着色,例如在 CSS 中:

过滤器:sepia() 饱和(10000%)色调旋转(30deg)

这应该使白色图像变成绿色图像。

http://jsbin.com/xetefa/1/edit

关于CSS Filter 作为一个图像的颜色修改器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17357125/

相关文章:

css - 它们之间具有固定像素边距的流体列布局?

html - Firefox 不呈现 <tr> 圆 Angular 边框,尽管计算了 border-radius 值

javascript - 使用 Javascript 添加具有绝对位置的 span 元素会增加高度

jquery - 为什么 jQuery 用 rgb() 代替 hsl()?

Java调整颜色的亮度

javascript - 如何确定像素的颜色或色调对应于某种颜色的度数范围?

c++ - 平均循环值(特别是 HSL 配色方案中的色调)

c# - :active pseudoclass with animations sometimes prevents postbacks in Chrome and IE

css - ie中的表格边框问题

python - 在python3中将hsl转换为十六进制