Why are colors different in photoshop and browser?

Question

css

The following problem arose during layout - the colors in Photoshop are brighter and more saturated. Why and how to live with it? :)
The same color, photoshop on the right, browser on the left... Moreover, if you look now at the same image in Photoshop and at this screenshot, they are noticeably different.

Answer 1

Interested, saved your screen to a file and checked with colorpicker in Paint.net.
Interestingly, the "correct" color (by numbers, E44F50) is just on the left (browser). Figures from Photoshop are overestimated, more saturated (F4393B).
It seems that Photoshop corrects the color in accordance with its settings (profile) and you need to dig in its direction.

Answer 2

Apparently, in Photoshop, Color Management is Adobe RGB or ProPhoto RGB.
You need to put sRGB.

Answer 3

Color management, profiles, blah blah blah ...
Save for web + checkbox convert to sRGB most often saves.

Answer 4

In the browser, most likely, you cannot select a profile, there is sRGB, but I am very far from design and from the web. I just read an article recently , there is a basic theory and a rather long discussion. Read it, you might find something interesting.

Answer 5

It's all about the monitor, under which color profiles are usually adjusted (calibration), and the programs in which the pictures are viewed.
Photoshop is trying to show correctly, it is quite possible to believe after calibrating the monitor. Browsers show at random - who is in the woods, who is firewood (for example, firefox can read profiles, and chrome scored on them). Therefore, do not trust either one or the other, only Photoshop and some layout programs. And calibrate your monitor, might help.

Answer 6

Window > color profile > monitor RGB
Image > mode > RGB

Answer 7

Who will search, it is perfectly described here ( link to Habr )