# Colorshift on saveFrame

**URL:** <https://discourse.processing.org/t/colorshift-on-saveframe/23136>\
**Category:** Processing\
**Created:** [August 8, 2020, 10:27am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136 "2020-08-08T10:27:39Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![onebus](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/onebus/32/10204_2.png) [@onebus](https://discourse.processing.org/u/onebus)\
**Post date:** [August 8, 2020, 10:27am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/1 "2020-08-08T10:27:39Z")

</div>

As i export (saveFrame) .pngs i notice a pretty ugly colorshift. The colors tend to get dull. It all most looks as the frame saved gets converted to cmyk…  
save  
saveFrame:

 ![049](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/b/bb4d5d6564b2657208b036852c9f811386c21cab.png)  
vs screenshot:  
 ![050](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/4926fd456c0fe820b11d313587b5cc068fe8967b.jpeg)

---

<div class="post-metadata">

**Author:** ![onebus](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/onebus/32/10204_2.png) [@onebus](https://discourse.processing.org/u/onebus)\
**Post date:** [August 8, 2020, 10:33am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/2 "2020-08-08T10:33:16Z")

</div>

I noticed, that it is a interpreting error since the saveFrame .pngs do not have a color profile. Is there a way to emmed a color profile? Or does anyone know of a simple way to do so afterwards?

---

<div class="post-metadata">

**Author:** ![stixan](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/stixan/32/21628_2.png) [@stixan](https://discourse.processing.org/u/stixan)\
**Post date:** [October 26, 2020, 9:37pm UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/3 "2020-10-26T21:37:37Z")

</div>

I’ve noticed the same thing happening on both .png and .jpg files. Colors appear washed out and not as vibrant as in the sketch. I’ve been looking into the javadocs to see if there is any way to specify which color profile you want, or even to change compression settings on the .jpg’s. I wasn’t able to find an answer to the problem, so for now I’m just as eager to have someone more knowledgeable provide an answer.

---

<div class="post-metadata">

**Author:** ![micycle](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micycle/32/201_2.png) [@micycle](https://discourse.processing.org/u/micycle)\
**Post date:** [October 26, 2020, 11:25pm UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/4 "2020-10-26T23:25:20Z")

</div>

Are you using a HDR display (with windows 10 set to HDR mode), or a different colour profile set for your monitor?

---

<div class="post-metadata">

**Author:** ![stixan](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/stixan/32/21628_2.png) [@stixan](https://discourse.processing.org/u/stixan)\
**Post date:** [October 27, 2020, 5:54am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/5 "2020-10-27T05:54:34Z")

</div>

I’m using a MacBook running OSX 10.15. I recall dealing with this issue on previous occations some years ago on both Mac and Windows.

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [October 27, 2020, 6:41am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/6 "2020-10-27T06:41:11Z")

</div>

Did you try export as pdf

---

<div class="post-metadata">

**Author:** ![onebus](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/onebus/32/10204_2.png) [@onebus](https://discourse.processing.org/u/onebus)\
**Post date:** [October 27, 2020, 8:32am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/7 "2020-10-27T08:32:15Z")

</div>

Thanks for the hint. Well it sorta works…  
It exports as a vector sequence into the PDF. Wich plays when opened in Acrobat – but it does all sort of strange things; It appears as there is no colormanagement present – colours get interpreted as (i guess) sRGB. They look way to saturated. And the Animation does not play smoothly in terms of code flow. (In my example the Grid of the pool tiles show through the border) and it flickers.  
On the other hand, when opened in Preview the colours look closer to the original Render. Non animation.

 ![Photoshop](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/69fff711cfdec27628b8703c734a82a1d5fc0a7b.jpeg) ![Preview](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/a/aabb0481862bb219cd7bf0365314f7c9d20f5261.png) ![Acrobat](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2547e3ee103b30b0de3864e21d28e90c93d29ac2.png)

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [October 27, 2020, 10:50am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/8 "2020-10-27T10:50:14Z")

</div>

My apologies I meant tiff

---

<div class="post-metadata">

**Author:** ![onebus](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/onebus/32/10204_2.png) [@onebus](https://discourse.processing.org/u/onebus)\
**Post date:** [October 27, 2020, 3:20pm UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/9 "2020-10-27T15:20:23Z")

</div>

Yeah, sure did the first time around – no luck! Same Story…

---

<div class="post-metadata">

**Author:** ![rikitiki](https://avatars.discourse-cdn.com/v4/letter/r/65b543/32.png) [@rikitiki](https://discourse.processing.org/u/rikitiki)\
**Post date:** [January 17, 2021, 1:34am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/10 "2021-01-17T01:34:39Z")

</div>

I’m having the same issue. If I record my screen using QuickTime I get a much more saturated appearance than if I export a series of png frames, import into After Effects, and create a video from the frames, the video is about 5-10% (subjectively speaking) less saturated. I’m seeing the same “dullness.”

Mac OS X 10.15.7, Processing 3.5.4.

---

<div class="post-metadata">

**Author:** ![rikitiki](https://avatars.discourse-cdn.com/v4/letter/r/65b543/32.png) [@rikitiki](https://discourse.processing.org/u/rikitiki)\
**Post date:** [January 18, 2021, 2:14am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/11 "2021-01-18T02:14:27Z")

</div>

It occurred to me after I posted this that one solution may just be to create an Adobe Photoshop action that applies the display profile so it, again, looks like it should on the display.

In Photoshop you can go: Edit -\> Assign Profile… -\> Choose the profile.

On my Mac, I chose image P3 and this makes the png match the Processing window.

If you have a folder of png’s, it may be worth creating an action that assigns a profile to all the images in the folder.

Perhaps someone can comment on whether this is the “correct” way to do it. For now it does seem to work for me!

---

<div class="post-metadata">

**Author:** ![onebus](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/onebus/32/10204_2.png) [@onebus](https://discourse.processing.org/u/onebus)\
**Post date:** [January 18, 2021, 8:34am UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/12 "2021-01-18T08:34:49Z")

</div>

Yes, i finally did a similar thing with a cl-tool:

exiftool “-icc\_profile\<=/System/Library/ColorSync/Profiles/Display P3.icc” -overwrite\_original /Path/to/your/folder

To apply a color profile. How ever; converting the image sequence to a video stream always shift colors again…

Yet this still has the same “is this the right way?” feel to it. Maybe someone with more knowledge about yuv color could enlighten us?

---

<div class="post-metadata">

**Author:** ![slaw](https://avatars.discourse-cdn.com/v4/letter/s/f14d63/32.png) [@slaw](https://discourse.processing.org/u/slaw)\
**Post date:** [February 12, 2022, 5:06pm UTC](https://discourse.processing.org/t/colorshift-on-saveframe/23136/13 "2022-02-12T17:06:26Z")

</div>

This was annoying issue for me. I have not found Processing solution for this. In my case I wanted video. My workaround was using QuickTime Player → New Screen Recording

You can run your sketch, select correct screen frame and hit record. No problems with colours. Result is 1:1 with what you’ve seen on the screen.