使用CSS3滤镜更改特定颜色

Question

[目前，我有一个.png图像，仅包含白色（#FFFFFF）和红色（#EA3D05）这两种颜色，我想使用CSS滤镜更改此图像的颜色。特别是我需要用黑色（#000000）替换白色，并保持红色不变。

我当前使用的方法

filter: invert(100%);

这将使用白色像素黑色，但也会影响红色。我认为现在可以将（现在的蓝色像素）改回红色（#EA3D05），因为其他像素是黑色的。有什么办法可以做到这一点？

Answer 1

在我的示例中，猫的图像为白色，可以使用red将其转换为saturate()。可能您需要对contrast和brightness进行一些练习才能获得所需的要求：

[This将帮助您播放图像。

注意：我怀疑您是否可以删除图像中特定位置的特定颜色，除非您使用photoshop。

img {
  display: block;
  width: 90%;
}

img {
  -webkit-filter: saturate(3);
  filter: saturate(8);
}

<img src="http://placekitten.com/301/301">