I was trying to use FeColorMatrix to make image filters. But there are these 2 results I am not able to achieve. They are not simple GrayScale, I tried setting different values of matrix along with brightness, saturation, exposure, contrast but could not achieve it. Can you help me with it. This is the original image

This is after applying first filter

And this is after applying second filter

And I am using this website to manipulate fe color matrix values.

Okay I got a bit closer to the result shown in first filter. I set brightness to 0 and for matrix I use these values :

10,0,0,0,0

0,10,0,0,0

0,0,10,0,0

-1,-1,-1,1,0

and i got the following result:

Here if you see rest all is good but that share and save icons and text all are gone and in the original filter that part is perfectly clear and bright. What could be wrong in these values I tried.

And the method to achieve these filters should be such that can be used in flutter apps. Any help would be much appreciated. Thank you.