Html 将整个页面设置为黑白

我成功地通过反转css功能实现了高对比度，请参见（）

---

现在我需要以黑白显示整个站点，而不是灰度显示。也许有一个组合的功能，使我需要的效果？我已经试过对比度（100）灰度（1）；但是这会严重影响信件（你看不懂）。

我认为没有办法做到这一点。在整个图像不变黑的情况下，我能达到的最接近的效果是

-webkit过滤器：亮度（650%）灰度（100%）这仍然是相当灰色的。有可能我错过了一个方法，但我认为灰度工具是用来制作我们通常所说的黑白，只有灰色。对比度100和灰度1对于我测试的图像来说效果相当不错。我认为您最好的选择是使用该选项，并对未应用该过滤器的文本使用元素。
将此灰度级添加到您的身体：


.grayscale-100{
-webkit过滤器：灰度（100%）；
-moz滤波器：灰度（100%）；
-ms过滤器：灰度（100%）；
滤镜：灰度（100%）；
}
.有色人种{
背景：黄色；
颜色：蓝色；
}

此div具有红色背景和蓝色字体颜色！
此div与上面的样式相同，但其父级具有灰度类！
如果您不知道：代码段中有一个内置自动格式化按钮：将该样式设置为body仍然不会降低body背景的饱和度，至少在Chrome 84中是这样。但是，您可以