Skip to main content
Court_Crawford
August 25, 2023
Question

Accuracy of the Eyedropper in Figma

  • August 25, 2023
  • 6 replies
  • 570 views
  1. draw a rectangle on a blank frame in Figma.
  2. Fill it with #000000. If you’re concerned that the blank frame isn’t white, fill it twice with a bottom fill of 100% #FFFFFF and a top fill of #000000
  3. Set the opacity slider on the #000000 fill to 50%
  4. sample the resulting color with the eye dropper

Result:
On my system, running Mac OS Ventura, the sampled hex value is #808080.
On my colleague’s system, running Windows 11, the sampled hex value is #7F7F7F

Both our Figma installations are using the sRGB color profile.

On color.adobe.com, a 50% black is #808080.

Does the eyedropper depend on the monitor color profile at the system level in any way? Is this a video driver/monitor color profile issue? Is it possible to get on the same page?

This topic has been closed for replies.

6 replies

Court_Crawford
August 31, 2023

We updated the monitor setting and it had no effect on the eyedropper results. We still get different hex codes on a 50% black.

Bryce_Driesenga
Active Member
August 31, 2023

Did you double check your color profile in Figma on both?

Court_Crawford
September 1, 2023

Yes, both systems use the sRGB as the Preferred Color Profile, as confirmed by choosing Preferences > Color Profile within Figma.

Bryce_Driesenga
Active Member
September 1, 2023

Ooh, okay, I have an idea. On the Mac, can you check the display color settings and see if it might be using the Display P3 color profile? To get them consistent, you might want both the Mac and PC on sRGB. That’s my best guess at least.

Court_Crawford
September 1, 2023

The mac is not using the Display P3 color profile. Both the mac and windows PCs are using the sRGB color profile. In fact, the display of the mac user won’t even display the P3 profile.

Bryce_Driesenga
Active Member
September 2, 2023

Well darn, I might be out of ideas here. Hopefully somebody else will chime in!