Skip to main content
Answer

Luminosity Blend Mode: What algorithm is used?

  • April 27, 2024
  • 2 replies
  • 724 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 djv

Hey again!

Our team uses the calculations set by W3C for luminosity.

This topic has been closed for replies.

2 replies

djv
Figmate
  • Community Support
  • 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.


djv
Figmate
  • Community Support
  • Answer
  • April 29, 2024

Hey again!

Our team uses the calculations set by W3C for luminosity.