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! 🚀
BananaBin
FairPay
BananaBin
SVGX