SVG Color Matrix Mixer

SVG Color Matrix Mixer

Generate nice looking color matrix filters for your images

3 followers

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.
SVG Color Matrix Mixer gallery image
SVG Color Matrix Mixer gallery image
Launch tags:
Web Appβ€’Design Toolsβ€’Developer Tools
Launch Team

What do you think? …

Rik Schennink
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! πŸš€
Sean
Great tool. Thanks! Needs some more SEO so the google masses can find it.
Rik Schennink
@sean3 Thanks Sean! I've just now added an intro. :)
Constantin
This is great! I wasn't aware of the color matrix filter before. Simple concept, great implementation.