Различные цвета в браузере

Question

У меня странная проблема в моем браузере. Цвет элементов страницы выглядит иначе, чем в моем коде css.

Я проверил его с помощью выбора цвета браузера и показал правильный цвет (# 5cb85c) и правый просмотр цвета кнопки. Но когда я сделал скриншот страницы и проверил его с помощью набора цветов PhotoShop, я получил # 7daf63.

На этом скриншоте легко увидеть отличия без каких-либо дополнительных технических средств.

Зачем возникает экран браузера, а результат выбора цвета браузера отличается? Есть идеи?

ENV: Mac Air, FF 38.0.1

UPD 1

моя проблема в разные цвета в браузере. Цвет на экране и цвет на предварительном просмотре colorpicker. Я хочу понять, почему?

Answer 1

Я проверил его с выбора цвета браузера, и он показал правильный цвет (# 5cb85c)

Вы должны понять, что # 5cb85c это просто значение RGB само по себе Безразлично» t укажите цвет. Значение имеет смысл только тогда, когда вы также знаете цветовое пространство.

В sRGB # 5cb85c один цвет, но в AdobeRGB или в цветовом пространстве вашего монитора # 5cb85c - это другой цвет.

Это работает и наоборот. Тот же цвет будет указываться одним значением в sRGB, но для его соответствия в другом цветовом пространстве вы будете использовать другое значение цвета.

Например: sRGB # 5cb85c - это тот же цвет, что и для AdobeRGB # 7fb762, и тот же цвет будет отображаться с другим значением в цветовом пространстве вашего монитора.

Чтобы понять, что происходит, вам нужно посмотреть, какое цветовое пространство вы используете в Photoshop, и попытаться понять, какое пространство использует Firefox. Firefox позволяет изменять управление цветом в настройках, поэтому браузер может использовать sRGB или пространство вашего монитора. В любом случае, вы не получите соответствия цветов, если вы не используете одно и то же цветовое пространство.