Цвета отображаются по-разному в веб-браузерах и программах для редактирования изображений.

Вы НЕ должны встраивать цветовой профиль в изображения для веб-сайтов. Они увеличивают размер изображения, но не добавляют никакой полезной информации, поэтому все, что вы делаете, — это утяжеляете страницы. При сохранении для Интернета и устройств из Photoshop обязательно снимите флажок «Встроить цветовой профиль». В качестве меры предосторожности установите флажок «Преобразовать в sRGB» (на случай, если вы имеете дело с изображением в другом цветовом пространстве и забыли его преобразовать).

Если вы выбираете цвета из Photoshop, это нормально, если вы отключите управление цветом для файлов RGB. Если он не отключен, вы можете получить неправильные цветовые коды. Поэтому либо отключите, либо установите рабочее пространство для RGB на Monitor RGB.

Если вы посмотрите на следующие примеры с изображениями JPG и PNG, вы увидите, как браузеры выводят цветовой код. Верхнее значение — для Chrome, а нижнее — для FireFox. В качестве источника они оба используют несжатый 24-битный PNG и несжатый JPG.

JPG

PNG

Значения не слишком далеки от настроек по умолчанию. Однако лучше убедиться, что вы не установили флажок «Встроить цветовой профиль» для JPG и отключили «Преобразовать в sRGB» при экспорте через «Сохранить для Интернета» из Photoshop.

Лучший способ получить правильный результат — использовать PNG против JPG.

Вкратце: не пытайтесь управлять цветом в веб-дизайне на микроуровне.

Каждый экран уникален, каждый раз, когда вы используете этот экран, освещение меняется, и даже один и тот же экран в один и тот же момент может по-разному восприниматься разными пользователями. Попытка управлять цветом таким образом, чтобы цвета точно воспроизводились каждый раз , когда он находится в сети, — пустая трата времени и усилий.

Да, вы можете подойти довольно близко, принимая во внимание цветовые профили, и вы даже можете получить точное воспроизведение цвета Photoshop в браузере на экране. Затем вы показываете свой прототип вашему клиенту, который будет смотреть на него либо на мобильном устройстве, либо на мониторе, который в 99,98% случаев откалиброван не так, как ваш экран — если он вообще откалиброван.

Добавьте к этому тот факт, что хрусталик человека слегка меняет цвет с возрастом, заставляя человека воспринимать цвета более желтыми, чем старше он становится. Добавьте к этому тот факт, что цветовосприятие меняется в зависимости от интенсивности и цвета света, падающего на экран, на котором он просматривается. Добавьте к этому тот факт, что некоторые экраны могут быть затемнены или ярче, потому что их пользователь предпочитает именно так. Все эти факторы мешают вашим усилиям по управлению цветом.

Не поймите меня неправильно, я не говорю, что вы не должны управлять цветом и просто выбирать что-то «достаточно близкое». Попробуйте точно воспроизвести свои цвета, но имейте в виду, что Big Wide World™ сделает все возможное, чтобы встряхнуть вас.

Учитывая, что отклонения, которые вы наблюдаете, составляют величину порядка одной единицы RGB по шкале от 0 до 255, для всех практических средств и целей ими можно пренебречь . Если бы цвета отклонялись на 10 или более единиц, я бы начал беспокоиться. Но, даже если их расположить на экране прямо рядом друг с другом, подавляющее большинство зрителей не сможет различить два цвета, отличающиеся лишь на одну единицу.

Сэкономьте себе время и усилия и просто оставьте это.