Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Convert image into different color</title> <style> #original, #changed { background: url('https://image.freepik.com/free-photo/orange-red-siamese-fighting-fish-betta-splendens-isolated-white-background_51519-539.jpg'); background-size: cover; width: 30%; margin: 0 10% 0 10%; padding-bottom: 28%; float: left; } #changed { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); } </style> </head> <body> <h2>Change PNG image color</h2> <div id="original"></div> <div id="changed"></div> </body> </html>