Дано:
iMac Retina 5K
Safari / Chrome
HTML-Страница с блоком, выкрашенным в цвет
#dd2d4d.
Photoshop с RGB Working Space: sRGB IEC61966-2.1
Делаю скриншот (png). При открытие в фотошопе появляется запрос:
1) использовать внедренный цветовой профиль;
2) сконвертировать в рабочий;
3) не использовать внедренный профиль и профайлинг в принципе.
Во всех трех случаях цвет, проверенный пипеткой, не соответствует реальному (заданному в коде страницы)
1) #cb3f51 (значение не совпадает, внешне почти не отличим от реального)
2) #dc2d4d (значение не совпадает, внешне почти не отличим от реального)
3) #cb3f51 (значение не совпадает, темнее, чем в п.1 из-за отмены цветопрофиля)
При установке Working Space в Monitor RGB или Display, диалога выбора не возникает, итоговый цвет:
#cb3f51 (как в п.1, внешне почти не отличим от реального)
В Firefox и Opera ситуация еще интереснее. Цвет блока на странице гораздо насыщеннее и ядренее.
При создании скриншота и открытии в фотошопе:
1) #dd2d4d (значение
совпадает, оттенок ядреный)
2) #f10048 (значение не совпадает, оттенок ядреный)
3) #dd2d4d (значение
совпадает, внешне почти не отличим от реального, в сафари)
При создании скрина с айфона и открытии результата в фотошопе диалога выбора не возникает, цвет:
#cc3f50 (еще темнее).
Полагаю, все это как-то связано с раширенной цветовой гаммой экрана.
Но что тут вообще не так? Где цвет правильный, а где нет? Где искать правду и как избежать искажений?
https://jsfiddle.net/4Lowqunx/ 
