<style>
img {
    margin: 10px;
    -webkit-transform:translateZ(0);
}
</style>
<img style="filter: sepia() saturate(3) hue-rotate(180deg)" src="resources/reference.png">
<img style="filter: saturate(3) hue-rotate(90deg)" src="resources/reference.png">
<img style="filter: grayscale() blur(3px)" src="resources/reference.png">
<img style="filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources/reference.png">
<img style="filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" src="resources/reference.png">
<img style="filter: blur(3px) brightness(1.2) contrast(2)" src="resources/reference.png">