Skip to main content

CSS-Style Color Adjustment Filters

  • August 11, 2025
  • 1 reply
  • 55 views

Brian_Digel1

I’d love to see CSS-style color adjustment filters like brightness, contrast, hue-rotate, and saturation introduced as Effects. Oftentimes, I end up endlessly tweaking different blend mode and color fill stack combinations just to hit the right saturation or contrast. This can be frustrating, especially when it could be done more precisely and in a fraction of the time with a direct way to set these values.

I’ve also found blend modes to be less developer-friendly and prone to unnecessary complexity. They absolutely have their place, but for software and web design, color adjustment filters seem more practical in many cases. Blend modes feel like a legacy holdover from graphic design tools and they can be a pain to implement consistently with devs.

1 reply

Stein Olav Pettersen

Looking for the same feature to adjust bitmap maps for dark mode in Figma. To make the map tiles work in dark mode we are adding these CSS filters to a colored map: contrast(0.9) invert(1) hue-rotate(180deg) grayscale(0.5). Without the CSS-style adjustments in Figma we are not able to make an equivalent component in Figma. Running a third party plugin is not an option. Have been trying to match the CSS-settings by tweaking blend modes for hours but not possible to make it exactly right