Html CSS将图像转换为黑白，没有灰度

我正在尝试将徽标转换为黑色和白色，没有任何灰色，并且已经完成了这一步，但无法摆脱渐变效果。我想让它纯粹是黑白的（其中

混合模式：multiply

最终摆脱了白色背景）：

.logo{
宽度：100px；
高度：100px；
滤镜：灰度（1）对比度（1.5）亮度（1）；
混合模式：倍增；
}

您可以使用

对比度（100）

使其完全黑白。您始终可以将其调低一点，并使用较低的设置，例如

对比度（10）

.logo{
宽度：100px；
高度：100px；
滤镜：灰度（1）对比度（100）亮度（1）；
混合模式：倍增；
}

---

谢谢！例如，有没有办法让任何非白色的东西显示为黑色，这样我就不会在左下角看到缺失的部分？我还注意到，在其他带有文本或不同灰度的徽标中，对比度似乎使其看起来模糊。您可以使用

反转（100%）

将颜色翻转到相反方向，但这会改变整个图像。如果你想让它完全黑白而不在左下角出现“光泽”，你需要得到一个新的图像。至于模糊度，你可以降低对比度，这样会减少粗糙度（但会在边缘添加一些非常微妙的渐变颜色，使其看起来更平滑-在这种情况下会是一些灰色）。尝试过滤器：饱和（150）灰度（1）对比度（10）@太好了，谢谢你提到这一点，我从来没有意识到饱和可以修复光泽。谢谢@vals和@jake！我最终登陆：

饱和（0）亮度（0.7）对比度（3）