Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Convertir une image en une couleur différente</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>Changer la couleur de l'image PNG</h2> <div id="original"></div> <div id="changed"></div> </body> </html>