<!-- This test uses a particular image size to avoid hitting flakiness in mesa texture sampling.  See http://crbug.com/621892 for more details. -->
<style>
img {
    transform:translateZ(0);
}
div {
    width: 160px;
    height: 90px;
    overflow: hidden;
    display: inline-block;
}
</style>
<div><img style="filter: hue-rotate(0deg)" src="resources/reference_square.png"></div>
<div><img style="filter: hue-rotate(45deg)" src="resources/reference_square.png"></div>
<div><img style="filter: hue-rotate(90deg)" src="resources/reference_square.png"></div>
<div><img style="filter: hue-rotate(180deg)" src="resources/reference_square.png"></div>
<div><img style="filter: hue-rotate(270deg)" src="resources/reference_square.png"></div>
<div><img style="filter: hue-rotate(360deg)" src="resources/reference_square.png"></div>