Why colors of PNG looks different in the viewport and export window?

Why it so different in the browsers? I assume the result of photoshop correct activity actually breaks the colors inside one single .png file which I have uploaded to my website.

Assign your monitor profile to the screenshot, then convert to sRGB. This will display correctly in Photoshop.

Windows "Photos" is not color managed at all, so it will never match Photoshop. It is wrong and unreliable.

Hello, thank you for the reply, I still did not get the clue.

Basically what I did:

1. I use Substance Painter to paint 3d models, as the end of it I want to show a wireframe of the model in my portfolio piece.

2. I use the greenshot software in Windows10 to take screenshots of my screen, I never had any single problem for 3 years.

3. I took a screenshot as PNG file, it opens okay in every preview app such as Windows Photos, or FastView or IrFan or anything like this.

4. When I open it in Photoshop, the colors do not look the same as any other app, why? In my mind, it is a png file. It's not 3d, it is just an image.

5. Okay Viewport colors are broken, when quick export to PNG - I see colors are back to normal again. There is only one checkbox: Convert to sRGB which is ON (checked) and Embed Color profile which is OFF when I check it ON, colors get broken again.

6. How to remove broken color profile? When I open PNG file that color profile breaking my image, it was never broken until that color profile has appeared.

Please how to delete a color profile from png or change it in photoshop?

The Export window is not color managed by default - because the file it exports is not color managed by default. The original color profile is not embedded in the exported file.

You need to check "embed color profile" to get full color management, as well as "convert to sRGB".

3D applications are mostly not color managed at all. Traditionally this didn't cause too much trouble because monitors were close enough to sRGB that you wouldn't notice the difference.

But today, with wide gamut monitors becoming increasingly common, especially since Apple switched to DCI-P3 displays, it becomes much more obvious. Wide gamut displays require full color management at all times, no exceptions.

Screenshots may require to apply the monitor color profile to look correct. A captured viewport from a 3D program usually simply is not color managed.

Mylenium