SVG Color Matrix Mixer: Generate nice looking color matrix filters for your images

Creating a nice looking SVG Color Matrix filter is tricky. This free web-app helps you easily create the right color matrix for your picture. Add contrast, brightness, hue, and saturation filters or adjust one or multiple matrix values simultaneously.

I really struggled to generate nice color matrices for use as filters in Doka Image Editor (https://pqina.nl/doka/) so I build a small utility to help me get some good results. I figured it might be useful for other developers and designers so I wrapped it in a nice shell and published it on its own domain. You can select one or multiple fields to reveal a slider control which helps finetune the field values. There's also a list of filters like saturation, hue, brightness, exposure, and contrast to make some default adjustments easier. When done, click the copy button to get the SVG filter. Enjoy! 🚀

Great tool. Thanks! Needs some more SEO so the google masses can find it.

@sean3 Thanks Sean! I've just now added an intro. :)

This is great! I wasn't aware of the color matrix filter before. Simple concept, great implementation.

SVG Color Matrix Mixer

Generate nice looking color matrix filters for your images

Do you use SVG Color Matrix Mixer?

Review SVG Color Matrix Mixer?

Reviews of SVG Color Matrix Mixer