Современные экраны и браузеры поддерживают разные цветовые пространства. Если сайт использует Display P3, а устройство работает только в sRGB, цвета могут выглядеть иначе.
Тест проверяет поддержку sRGB, Display P3 и Rec. 2020 через CSS media queries, а также динамический диапазон HDR. Это не калибровка, а быстрая проверка возможностей.
Как работает
Браузер отвечает на запросы matchMedia('(color-gamut: srgb)'), p3 и rec2020, а также dynamic-range: high. Поддержка зависит от операционной системы, браузера и самого экрана.
Даже при поддержке P3 приложение может не передавать широкий цвет. Проверяйте реальные изображения и настройки цветового профиля.
Частые вопросы
Что такое sRGB и P3?
sRGB — стандартный цветовой охват для веба. Display P3 шире и передаёт более насыщенные цвета, особенно зелёные и красные.
Тест показывает P3, но цвета блеклые?
Возможно, браузер или система ограничивает вывод, либо контент создан в sRGB. Проверьте профиль и настройки экрана.
Можно ли откалибровать экран этим тестом?
Нет. Для калибровки нужен колориметр и профиль. Тест только показывает поддержку цветовых пространств.