试图理解css过滤器色调旋转的事情

我遇到了这个工具，使用第一个机顶盒（deg）将非常实用

我有这个css代码：

#FullMenuContent input:checked { -webkit-filter: hue-rotate(290deg); 
filter: hue-rotate(290deg);

那会产生一种颜色，很好。我知道图像必须有颜色（不适用于灰度）。我知道最终结果取决于图像的颜色，所以我的问题是：

---

要使上面链接的颜色选择器准确，图像的颜色应该是什么？

可能重复-你是对的，Pauie\D，我想这是我的答案：“如果你的图像是100%纯红色，那就容易多了。然后您可以直接添加目标度数，并使用HSL为目标调整饱和度和亮度。对于白色起始点，第一步是转换和定义中间颜色，以便稍后对其进行饱和和旋转。“此外，我在这个答案的某个地方看到，它对背景图像不起作用，在我的例子中，它确实起作用。我的复选框是通过背景图像设计的。不，你不能对CSS属性应用过滤器。只能将其应用于元素。过滤器会影响你的复选框，它有一个背景图像…这不是完全一样的事情。哦，我明白了。谢谢你的澄清。