使用javascript将颜色色调应用于图像中的特定颜色

Question

我有一个灯泡图像，玻璃灯泡是纯白色的（#ffffff），帽子是灰色的（＃757575）。有没有办法改变我的形象：

to :( #ffffff颜色将变为＃f3e73c）

仅使用javascript（或者可能是jQuery）？

（抱歉，仍然无法发布图片，我只能提供链接）

Answer 1

在这里：CSS方法：

http://jsfiddle.net/ea77vbLf/

.bulb{
    height: 65px;
    width: 65px;
    background-image: url(http://i.stack.imgur.com/RkEGo.png);
}
.bulb:hover{
    background-image: url(http://i.stack.imgur.com/qPrTk.png);    
}

检查一下！带有JAVASCRIPT / JQUERY的CSS每3个部分都会变色！

http://jsfiddle.net/ea77vbLf/1/

Answer 2

为什么不将图像的白色部分透明而不是白色，然后将其放在相同大小的DIV中，并更改div的背景颜色