Untitled

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<style>
body {
    background-color: black;
}
img {
	display: inline-block;
}
    </style>
</head>
<body>
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(0%) invert(0%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(20%) invert(20%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(40%) invert(40%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(60%) invert(60%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(80%) invert(80%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(100%) invert(100%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(120%) invert(100%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(140%) invert(100%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(160%) invert(100%)" />
    <img src="../images/test_npc.png" width="200" height="200" style="filter: saturate(180%) invert(100%)" />
</body>
</html>