Почему цвета в photoshop и в браузере отличаются?

Question

[anathem]

Возникла следующая проблема при верстке — цвета в фотошопе более яркие и насыщенные. Почему так и как с этим жить? :)
Один и тот же цвет, справа фотошоп, слева браузер… Более того, если смотреть сейчас на это же изображение в фотошопе и на данный скриншот, — они заметно отличаются.

Comments

[Юрий Попов]

Градиент как прописан? Или рисунком, тогда его характеристики?

[anathem]

Градиент с окошка колорпикера на макосе :) снизу, где он не достает и обвел места.

[Nickel3000]

А цветовые профили одинаковые?

[anathem]

Эммм, а в браузере их выбрать можно? :-[

Answer 1

[Maximus5]

Заинтересовался, сохранил ваш скрин в файл и проверил colorpicker-ом в Paint.net.

Интересно, что «правильный» цвет (по цифрам, E44F50) как раз слева (браузер). Цифры из фотошопа получаются завышенными, более насыщенными (F4393B).

Похоже, что фотошоп корректирует цвет в соответствии со своими настройками (профиль) и копать нужно именно в его сторону.

Answer 2

[barkalov]

Судя по всему, в фотошопе, Color Management стоит Adobe RGB или ProPhoto RGB.
Надо поставить sRGB.

Answer 3

[Yuri Morozov]

Color management, профили, бла-бла-бла…
Save for web + галка convert to sRGB чаще всего спасает.

Comments

[anathem]

Смотрю, не спасает, — теряет цветность при сохранении :(
Да и в примере просто колор-пикером цвет хватают и вставляю его hex-ом в css… а там он как вот на скрине )

Answer 4

[Nickel3000]

В браузере скорее всего нельзя выбирать профиль, там sRGB, но я очень далек от дизайна и от веба. Просто недавно читал статью, там основная теория и довольно длинное обсуждение. Почитайте, может найдете что-то интересное.

Comments

[anathem]

Спасибо за статью, — практического решения нет, зато узнал, чего да как :)

Answer 5

[Jozeph]

сохраняйте png и jpeg не через Save for Web, а через Save As и цвета не будут меняться, это специфический момент то ли для сафари то ли для macos, не помню
а причина вроде да, в профилях

Answer 6

[Станислав Езерский]

Кто будет искать, отлично описано здесь (ссылка на Хабр)