<!-- 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 {
will-change: transform;
}
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>