Figma colours don't match web/export

Were you ever able to solve this? I am seeing the same issue.

Dave you may want to try switching to sRGB if you’re using the desktop app. Other than that, I think differences in color appearances are normal between browsers but I’m not very knowledgeable about such things.

Same issue here (whatever we’re in sRGB or Unmanaged in Figma)
Did anyone fix the issue?

We’re thinking about different hexa between figma and web, using tokens as common language

Anyone still wondering, I had this problem and I did screen grabs of how it appeared on Chrome and how it appeared in Figma, imported the images to illustrator and compared ink dropper values. Someone above said rgb might work better than hex and for ease of what illustrator offered, I got rgb values for how the colours appeared in figma and slotted those into css. Now the colours rendered on chrome are a much better match for how they look in Figma.

Same problem, except for me the colors are different inside figma as well. I am using an sRGB profile as well.

Hi were you able to solve this problem? I am experiencing the same issue

Any news on this? I have the same problem and the colour profile is already sRGB. It’s a problem if the colours in Figma don’t match the code. 

Same issue here
Did anyone fix the issue?

This is a particularly annoying issue. I’m finding myself having to move away from Figma for various projects for this sole reason. Very frustrating!

** bump **

2 years later…. How is this still an issue? Figma is design software, and a primary part of that is being able to see the right colors. Please ​@djv, make this a higher priority!

I’ve run into this exact same problem before! The colors in Figma always look super vibrant, but once you move them into the browser, they lose that “pop.” It’s definitely related to color profiles — Figma uses sRGB, but depending on your monitor or browser settings, HTML/CSS colors can render differently. Also, Figma can sometimes simulate colors with blending and effects that don't translate 1:1 in code.

One trick that helped me was double-checking the contrast and saturation directly in the browser, and using richer colors or subtle shadows to bring back some of the vibrancy. Also worth checking your monitor calibration and making sure your browser isn’t doing any weird color management.

Would love to hear if anyone else found a solid fix for this!

Same problem here. The same hex code inside figma renders a very visibly different color inside chrome, even on SRGB. Being able to match the color profile between apps or the operating system is table stakes for design software and I can’t believe Figma is dropping the ball here.

There’s an option to use Firefox instead of a desktop app or Chrome. When exporting, it preserves color accuracy and properly represents the DCI-P3 color gamut. I’m not entirely sure about the details, but it seems that Firefox can apply the OS ICC profile to the browser. That’s why I use Firefox whenever I need to work with Figma.