Problem with managing image colour profiles

Hey Manuel, welcome to the community!
You should be able to select your color profile settings modal, by choosing sRGB or Display p3 . (Usually, if you don’t have a preferred color profile set, then this legacy file will render in sRGB.)
To get information on how this works on Figma, I’d recommend your to check out this article:

Hope this helps!

Hi Celine, thank you for the welcome.

I had already read that article, it explains very well the behaviour of Figma with Display P3 and sRGB colour profiles regarding graphic elements. Everything actually works as expected.

The problem remains with the images you import into your project, apparently they are mapped to sRGB even though they are Display P3. This, as you can imagine, creates major colour consistency problems. I have done various tests but they all lead to the same result, Figma does not seem to handle imported wide gamut images correctly.

I hope this limitation will be fixed soon.

Thanks for your details feedback! Can you please also share some of the images that has that behaviour? That way, I can share it to our team.

Sure, I’ll attach a screenshot. On the left a red 255 rectangle defined in the Display P3 colour space, on the right an image of the exact same red with an embedded Display P3 colour profile.

The colour should be the same but it is not, the image appears to be mapped in sRGB.

Obviously the screenshot is in Display P3 and must be viewed on a wide gamut monitor.

If I can be of any help on other tests let me know.
This is a problem we are experiencing with many of our customers using Figma and it is becoming very dangerous for the final output.

Thank you very much Celine

Here’s the link of the original screenshot in Display P3 because the uploaded picture in the thread has been converted from the “forum platform”.

Thanks for the screenshot, I shared it to our internal team 🙂

@Celine_Figma Has there been a solution yet? Has been quite some time now. I am also experiencing these issues in Figma.

Hi there! Our team would like to investigate it further. Can you please share the URL of the file here and share it to support-share@figma.com as an Editor, so they can take a closer look?

If you don’t prefer to share your file publicly here, please fill out this form by using your Figma email account: here. Thank you!

Of course, this is the test project:

I am doing it from my free personal account, I can share it in view-only.

Recreating the problem is very simple:

1. Set the project with colour space Display P3
2. Create a red colour box R=255 G=0 B=0
3. Import an image with the same red values with built-in Display P3 colour profile (you can retrieve it from the link I provided in the project)

The boxes will be a different red. The box created in Figma is actually in the Display P3 colour space, the image is not.

Hi there! Apologies for the delayed response. Thank you for sharing the file, our team was able to reproduce the issue.

We appreciate your patience as our team work on investigating it 🙏