



To use those filters, download the colofilter.css
file, add it to the head
of your document :
<link href="path/to/colofilter.css" rel="stylesheet" type="text/css">
Then to use the filters, use the proper classes on your elements, and that's it!
<div class="blend-blue">
<img src="image.png"/>
<span>lorem</span>
</div>
Examples (click the images to copy the classes):






























Unfortunately, it will not work with IE & Edge browsers, as well as Opera Mini, and Safari (desktop & IOS ) is not supporting the hue, saturation, color, and luminosity blend modes.
See compatibility for : mixblendmode filters
A polyfill is on it's way!