CSS色调旋转使图像变暗

我注意到CSS中的

色调旋转

过滤器正在使我的图像变暗

看

请注意，第二个图像（带有过滤器）明显比第三个图像（在photoshop中旋转）暗

有没有办法防止这种情况

---

---

再看看，这里发生了很多奇怪的事情。黄色看起来几乎消失了，色调彩虹（右上角）中蓝色区域的饱和度大大降低。

Photoshop使用HSB颜色模型，而CSS使用HSL

• 在HSB中，亮度从黑色（0%）变为100%时的全色
• 在HSL中，亮度从黑色（0%）变为50%时的全色，到 100%为白色

所以我想他们都是对的，如果这有道理的话

。它近似于RGB空间中的色调旋转，这会非常糟糕地剪辑高度饱和的颜色（如原色）。（在封面下，它是）。没有办法避免这种情况——只要在关心颜色准确性时不要使用色调旋转

---

（由于其不精确性，我认为色调旋转过滤器应该是固定的，或者从规范中删除。）

但我没有涉及亮度或亮度。我只是在旋转色调。尽管如此，我认为这是一个（噩梦般的）颜色空间问题：这个答案非常有趣，因为我想知道CSS是从HSL的角度来处理这个问题的，如果这个CSS问题最终会消失的话。