Compare with CSS filter

[abelevitin]

I need to match the CSS filter settings with the Sharp filter settings. On the front end in CSS I set the filter settings (for example, brightness, saturation), and then on the back end I need to repeat the same settings when generating the file. Is there a mapping between Sharp and CSS filter settings?

In general, I would like to make the filter settings in CSS and then be sure that this effect will be repeated when using Sharp.

First of all, brightness and saturation

[lovell]

It's probably best to try a few examples and see how they compare. Perhaps you could add them here to help others.

I do know that the hue-rotate filter is different as browsers appear to use a non-linear colourspace for this whereas sharp uses linear LCH - see #3197 for details.