Vytvoř si druhý obrázek a po najetí to změň na ten druhý obrázek, ne?
Pokud chceš změnit barvu celého obrázku (a ne jen pozadí), tak nemáš jinou možnost než vytvořit druhý png obrázek a ten použít. JavaScript nemá žádné funkce pro manupulaci s PNG (a vzhledem ke složitosti se ani nedivím). Pokud chceš změnit jen pozadí tak po najetí myši změn background-color.
Právěže chci změnit jenom ten obrázek (bez pozadí).
A dělat nový ručně se mi moc nechce, protože není jeden, ale je jich víc.
Cauko. Jedno z rieseni je pouzit -webkit-filtre, ktore ti umoznuju zmenit
okrem ineho aj farbu obrazkov s alfa kanalom, pricom pozadie ostane stale
priehladne. Patria sem napriklad: saturate; grayscale; contrast; brightness;
blur; invert; sepia; huerotate alebo rss.opacity.
Jednoduchy priklad:
https://jsfiddle.net/g4phppf2/
V pripade, ze pozadovane obrazku su ikony, tak vhodnym riesenim je vygenerovat si z nich icon font a farby uz mozes menit podla potreby ako pri fontoch (color: blue;).
Nebo strašně jednoduše :hover::after { // zde bude div, který se zobrazí po najetí a je fuk, jestli to bude obrázek nebo jen barva }.
Nevím jaké máš přesně účely, ale na složitější manipulace s obrázkem budeš muset sáhnout po canvasu.
Ve finále to není nic težkého, jen si vlastně hraješ s pixely. Například pro odstranění barev bys použil něco jako:
var c = document.getElementById("workspace");
var ctx = c.getContext("2d");
function greyscale() {
horizontal = picture.width; //picture bude tvuj canvas vlastne
vertical = picture.height;
imgData = ctx.getImageData(0, 0, horizontal-1, vertical-1);
for (var i=0;i<imgData.data.length;i+=4) {
averge = Math.round((imgData.data[i] + imgData.data[i+1] + imgData.data[i+2]) / 3);
imgData.data[i] = averge;
imgData.data[i+1] = averge;
imgData.data[i+2] = averge;
//imgData.data[i+3] = 255; toto je jiz alfakanal
}
ctx.putImageData(imgData,0,0);
}
Můžeš se mrknout http://www.itnetwork.cz/…ubliny-efekt tam tím způsobem jsi schopný udělat cokoliv.
Díky moc za odpovědi, vypadá to, že jinak než přes canvas to nepůjde.
Bohužel teď nemám moc času, ale hned jak budu mít, tak se a to podívám a
označím řešení 
Zobrazeno 9 zpráv z 9.