Solved

Figma colours don't match web/export

Forum|Forum|4 years ago
April 28, 2022
15 replies
9031 views

The designs within Figma are bright and pop, but after converting to HTML and using the same hex codes they look faded and washed out.

Is there a workaround? Is this related to color profiles?

Left shows Figma, right shows HTML. Note the background colours and fonts don’t look as bright

Help!! Just looking for the web to pop like the figma designs =)

Ask the community

This topic has been closed for replies.

Best answer by djv

Hey All, sorry for the lack of acknowledgement here!

This is a known issue our team is addressing, but we don’t have an exact ETA for a fix at the moment.

I’ve gone ahead and added this topic to our ongoing bug report for more visibility, while the team works on a fix…

The workaround here would be as @Brian_Saunders suggested. Change the color profile to sRGB. This should help make the on-screen appearance and the export match.

Kenny_GrantAuthor

Dave18

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

Brian_Saunders

New Participant

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.

Figma Help Center

David_Prati

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

T

Tammi_Husband

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.

M

Maxim_Seryakov

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

Ofir_K

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

djvSolution

Community Support

Hey All, sorry for the lack of acknowledgement here!

This is a known issue our team is addressing, but we don’t have an exact ETA for a fix at the moment.

I’ve gone ahead and added this topic to our ongoing bug report for more visibility, while the team works on a fix…

The workaround here would be as @Brian_Saunders suggested. Change the color profile to sRGB. This should help make the on-screen appearance and the export match.