Тест проверяет заявленные браузером возможности цветопередачи и показывает сравнение sRGB с Display P3.
На правильно настроенном дисплее цвета в каждой строке с более широким охватом должны выглядеть насыщеннее соответствующих цветов выше.
Цветовой охват — это диапазон цветов, который способны воспроизвести дисплей и программное обеспечение. Большая часть веб-контента использует sRGB. Пространство Display P3 охватывает большую часть видимого спектра, особенно насыщенные красные и зелёные оттенки, и встречается во многих современных телефонах, планшетах, ноутбуках и мониторах.
Автоматический результат объединяет два сигнала браузера. Проверка CSS подтверждает, что браузер понимает запись цветов Display P3. Медиавыражение color-gamut сообщает, заявлена ли для текущего экрана поддержка диапазона P3. Canvas и Rec. 2020 показаны отдельно как дополнительные диагностические данные.
Если широкий цветовой охват доступен, а управление цветом настроено правильно, образцы в строке Display P3 и, при её наличии, в строке Rec. 2020 должны выглядеть насыщеннее соответствующих образцов выше. Если строки выглядят одинаково, цвета могли быть ограничены меньшим цветовым охватом на одном из этапов: в браузере, операционной системе, графическом драйвере или дисплее.
Страница не может измерить матрицу дисплея или напрямую прочитать её ICC-профиль. Для точного измерения цветового охвата нужен колориметр. Используйте этот тест для проверки поддержки широкого цветового охвата в браузере и поиска заметных различий между стандартными и расширенными веб-цветами.