Тест цветового пространства

Поделиться

Ваш монитор поддерживает примерно следующие цветовые пространства

Зелёным цветом отображаются поддерживаемые пространства, красным - неподдерживаемые.

Может ли ваш монитор отображать широкую цветовую гамму?

Если вы видите однородный красный квадрат, то ваш монитор не может отображать широкую цветовую гамму. Если внутри квадрата видна буква W, то монитор имеет широкую цветовую гамму.

Поддерживает ли ваша система профили ICC?

Квадрат должен быть зелёным. В случае, если квадрат красный, ваш монитор по какой-то причине не поддерживает управление цветом с помощью профилей ICC.

Гамма экрана по сравнению с sRGB

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

Правильная работа браузера

Согласно требованиям Консорциума Всемирной паутины (W3C), все изображения и элементы страницы должны восприниматься браузером как sRGB. Эта проверочная картинка разделена на 3 равные части. Верхнее изображение без цветового профиля, среднее изображение sRGB, нижнее изображение создано с помощью html элементов с заданным css стилями фоном. Если ваш браузер соблюдает общепринятые стандарты, то вы не должны видеть никаких различий между вышеперечисленными частями изображения.

Может ли ваш монитор и браузер отображать HDR?

На этом проверочной HDR картинке нижняя часть отображается значительно ярче, если браузер поддерживает современный формат AVIF (рекомендую Google Chrome), а дисплей поддерживает отображение HDR контента.

Теперь проверим, как обстоят дела с HDR видео. Нижняя половина состоит из трёх BT.2020 HDR видео соответствующего цвета, яркостью 1000 нит и кодированием H.264. Если HDR тест пройден успешно, внизу вы заметите более яркие цвета, чем на верхней половине.

sRGB vs DCI-P3 Display vs Rec2020

Здесь можно сравнить три разных цветовых пространства, чтобы посмотреть, как они отображаются на вашем устройстве.

Поддержка современных форматов изображения

WebP, AVIF, HEIC и JPEG XL - это новые форматы изображений, призванные заменить устаревшие JPG, PNG и GIF. Джентльменским набором типичного девайса на Windows или Android является поддержка WebP и AVIF, тогда как два других формата в браузере не отображаются.

1. WebP: разработан в Google, обеспечивает хорошее сжатие без потерь и поддерживает прозрачность. WebP популярен благодаря своей эффективности в сжатии изображений без потери качества.
2. AVIF: основан на технологии AV1, который обеспечивает высокое качество при сжатии. Однако AVIF может быть менее эффективным для сжатия без потерь и требует аппаратного кодировщика для хорошей производительности.
3. HEIC: используется на устройствах Apple, обеспечивает хорошее качество изображений и поддерживает как прозрачность, так и роль контейнера с последовательными изображениями. HEIC набирает популярность благодаря широкому распространению устройств Apple.
4. JPEG XL: был призван заменить JPEG, обладая рядом преимуществ. Однако Google свернул поддержку JPEG XL, что оказало очевидное влияние на его популярность и применение в веб-разработке.

Немного теории

"Цветовой охват" (или "цветовая гамма", "гамма цветопередачи") и "цветовое пространство" (или "цветовая модель", "профиль цвета") - это два разных понятия, связанных с отображением цвета на экранах мониторов, телевизоров, ноутбуков и смартфонов.

Цветовой охват (Color Gamut) относится к способности устройства (монитора, телевизора, смартфона) отображать различные цвета из определенного спектра. Он определяет диапазон цветов, которые устройство может воспроизводить. Чем шире цветовой охват, тем больше различных цветов может отобразить устройство. Наиболее распространенными цветовыми охватами являются sRGB, Adobe RGB, DCI-P3 и Rec. 2020.

Отображение цветов с точностью, соответствующей некоторым стандартам, позволяет устройствам воспроизводить изображения и видео с точностью, приближенной к исходным цветам.

Цветовое пространство (Color Space) относится к математической модели, которая описывает и представляет цвета. Это система координат, которая позволяет представлять цвета числами или значениями в трехмерном пространстве. Цветовое пространство определяет, как цветовые данные представлены и интерпретируются устройством или программой.

Некоторые распространенные цветовые пространства включают RGB (Red-Green-Blue), CMYK (Cyan-Magenta-Yellow-Black), Lab, HSV (Hue-Saturation-Value).

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

Например, смартфон или монитор может иметь широкий цветовой охват, соответствующий DCI-P3, что позволяет ему воспроизводить более насыщенные и живые цвета. В то же время, представление этих цветов основано на конкретном цветовом пространстве, таком как RGB или DCI-P3. Использование разных цветовых пространств может привести к различным результатам в отображении цветов на экране.

ΔE (Delta E)

Кроме терминов "цветовой охват" и "цветовое пространство", еще одним важным понятием, связанным с отображением цвета на устройствах, является ΔE (Delta E) или "разница цветов".

ΔE представляет собой метрику, которая измеряет разницу между двумя цветами или цветовыми значениями в различных цветовых пространствах. Она позволяет определить, насколько точно устройство или программа воспроизводит цвета относительно исходного или стандартного цвета.

Часто ΔE используется для оценки точности цветопередачи и калибровки мониторов, принтеров, фотокамер и других устройств. Чем меньше значение ΔE, тем ближе воспроизводимый цвет к исходному, и тем точнее устройство воспроизводит цвета. Обычно ΔE оценивается величиной от 0 до около 100. Значения ΔE менее 1 обозначают очень маленькую разницу в цветах, тогда как значения выше 3-4 могут указывать на заметную разницу в воспроизводимых цветах.

Оценка ΔE помогает обеспечить согласованность цветопередачи между различными устройствами и обеспечивает достаточную точность для заданных потребностей визуального восприятия. При работе с графикой, фотографиями или цветовыми данными, понимание ΔE и его значения позволяют убедиться в том, что цвета отображаются с высокой точностью и соответствуют ожиданиям пользователей или стандартам.

Донат

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

А вот ещё полезные сервисы и страницы на displaysdb.ru