Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!
J A S O N@jscottpearson
Color issuesJune 6, 2019 at 6:18pm
I'm working on a project where the client's brand color is #C2002F / UIColor 0.76 0 0.18
In Figma this is rendering as a brighter than what is being rendered on the Web and inside the iPhone app.
I've attached a screenshot of the Figma swatch, exported Figma swatch and two screenshots of the same color rendered and pasted back into Figma (from iOS and Chrome).
Why are the colors all different? Do I have an incorrect setting? Is it a Figma issue? Is it another issue? Help!!
June 6, 2019 at 7:18pm
What's your current color profile in Figma: sRGB or unmanaged? In Chrome, did you change your color profile from default?
tl;dr -- color profiles are hard, as long as you have the right color values (for iOS and Chrome) I wouldn't sweat it =)
I don't see those settings in Chrome. Regardless, I can only assume my iOS device has a color profile and which isn't matching my Mac's - so when I screenshot on my phone I get a different color. If I screenshot within my Mac and resample the color I get the correct value. And when I export assets from Figma I also get the correct value. But if I go here: http://color.aurlien.net/#C2002F and take a screenshot I get #B22435. sigh
Also - I don't see how I can manage color profiles in Figma (besides maybe doing it via the Terminal)
Using Mac desktop app.
In Chrome you go to the URL "chrome://flags" and search "color" to find the force color profile mode, but to be honest, if you haven't ever messed with it before, it might not be worth the hassle. In any case, best of luck.
June 10, 2019 at 10:35pm
Any benefits to using an Unmanaged color profile?
Unmanaged = whatever profile your monitor is using, which is a benefit if your monitor delivers a wider color gamut than sRGB. Plus, you might use apps other than Figma that require a calibrated monitor, so you'd probably want to keep a consistent color profile.
June 15, 2019 at 2:44pm
June 16, 2019 at 8:58am
June 17, 2019 at 6:03am
Problem solved~ THX
June 18, 2019 at 6:28pm
November 1, 2020 at 6:05pm