我注意到 hue-rotate CSS 中的过滤器使我的图像变暗。
见 https://jsfiddle.net/m4xy3zrn/
请注意，带有滤镜的第二张图像比在 Photoshop 中旋转的第三张图像要暗得多。
有没有办法防止这种情况？
再看一遍，这里发生了很多奇怪的事情。黄色似乎几乎全部消失，色调彩虹(右上 Angular )中蓝色区域的饱和度大大降低。
最佳答案
The hue-rotate filter does not do a true hue rotation .它对 RGB 空间中的色调旋转进行了近似处理 - 非常糟糕地剪辑了高度饱和的颜色(如原色)。 (在封面下，它是 using this approximation )。没有办法避免这种情况 - 当您关心颜色准确性时，请不要使用色调旋转。
(由于它的不准确，我认为应该修复色相旋转过滤器，或者从规范中删除。)
关于CSS 色相旋转使图像变暗，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41853158/