Luminosity Blend Mode: What algorithm is used?

Ask the community
1

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!

2

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.

3

Hey again!

Our team uses the calculations set by W3C for luminosity.

image
image871×424 41 KB

1 Like