Skip to main content

Perceptual gradients

  • December 4, 2021
  • 3 replies
  • 1487 views

Chris50

When making a gradient, Figma chooses to move linearly in the sRGB colorspace. This produces gradients that can appear strange—for example, a saturated red-to-green gradient will appear darker in the center than at either end.

The ability to use a perceptual interpolation for gradients, like OKLab, would help a lot.

This topic has been closed for comments

3 replies

Gleb
  • Power Member
  • 4707 replies
  • December 4, 2021

Try these plugins:

Figma

Chris50
  • Author
  • 2 replies
  • December 4, 2021

I’m very reluctant to use these—the results they produce are approximately correct (although they’re still stuck with CIELAB and CIELUV) but they don’t produce a single gradient or image—what they actually do is produce a faux-gradient composed of several linear sRGB sub-gradients that interpolate between points in the desired gradient.

This causes strange banding artifacts, and isn’t suitable for production use.


  • 0 replies
  • January 3, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings