Javascript CSS彩色叠加PNG

我以为会有答案，但我还没有找到答案

我有一个透明背景的PNG图像。通过CSS，我希望图像（而不是透明背景）改变为不同的颜色

应该有一种方法可以通过网络工具包实现这一点。。。但我听说不支持这种方式。。。是否有其他方法可以做到这一点，如果没有，我如何通过网络工具包实现这一点

举个例子，有没有办法把红色的球换成不同的颜色

JSFIDDLE：

HTML:

编辑： 我需要改变在十六进制或RGBA，而不是色调！但如果有一个从十六进制到色调或类似的转换，这也可以工作

谢谢大家!！

---

-利亚姆

您可以使用

色调旋转

CSS3过滤器。根据您的喜好更改

120deg

#ball {
    -webkit-filter: hue-rotate(120deg);
}

---

请告诉我：）您也可以在此处看到其他webkit过滤器的运行情况-我认为我应该编辑我的问题-我希望能够在某个地方输入十六进制值，并相应地更改圆的颜色。有没有办法，我可以得到十六进制数，然后计算色调旋转？这可能很难…用纯CSS改变十六进制值的颜色是不可能的，但是我自己问了一个类似的问题，使用php脚本来完成这项工作@DJDavid98真有趣。。。我不太熟悉PHP。。。如果我想调用该代码并使用Javascript编辑PHP代码中的值，这可能吗？@LiamShalon您可以将其链接到特定的图像（编辑

'splat.png'

到图像文件相对于PHP脚本的路径），将其上载到服务器，然后向

/path/to/script.PHP？color=00ff00

,，你会得到绿色的图像。可能是它的复制品不是，我必须进一步澄清这个问题。。。

#ball {
    -webkit-filter: hue-rotate(120deg);
}