Skip to main content
Solved

Luminosity Blend Mode: What algorithm is used?

  • April 27, 2024
  • 2 replies
  • 546 views

Natasha_Dudler

Hi everyone!

I‘ve been using the blend modes of Figma recently to try to optimize generating a color palette with different shades.

I used the blending mode ‚luminosity‘ with a certain brightness over a base color.

Now I want to code what I‘ve designed. The problem is that I don‘t know what algorithm Figma uses to make the luminosity blend mode. Does anyone know?

Most models just change the L value in the HSL which gives me different perceived brightness since the H (Hue) seems brighter for yellow compared to blue or red.

In Figma, the brightness seems always the same no matter what base color I use underneath. I want to recreate exactly that.

Thank you and best regards!

Best answer by dvaliao

Hey again!

Our team uses the calculations set by W3C for luminosity.

View original
This topic has been closed for comments

2 replies

dvaliao
Figmate
  • Community Support
  • 4664 replies
  • April 29, 2024

Hey @Natasha_Dudler, thanks for reaching out!

I’m not an expert on our luminosity blend mode, but I’ve passed this question onto another team internally to see if anyone can shed light on this topic.

I’ll follow up as soon as I have more information for you.


dvaliao
Figmate
  • Community Support
  • 4664 replies
  • Answer
  • April 29, 2024

Hey again!

Our team uses the calculations set by W3C for luminosity.


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