<!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>