P3
sRGB
P3 красный
P3
sRGB
P3 зелёный
P3
sRGB
P3 синий
P3
sRGB
P3 оранжевый
P3
sRGB
P3 голубой
P3
sRGB
P3 пурпурный
Определение охвата
Лево P3 · Право sRGB
Режим теста
Ваш экран
sRGB
Широкий охват✗ Только sRGB
Глубина24-bit
Rec.2020✗ Не поддерж.
CSS P3 цветcolor(display-p3)
Цветовой канал
Оценка
Видна разница

P3 ярче → Широкий охват

Нет разницы

Обе стороны одинаковы → sRGB

Профессиональный тест цветового охвата

Визуальная оценка поддержки широкого гамута через сверхнасыщенные P3-патчи, граничные цвета sRGB и тесты градиентных переходов.

Детекция гамута P3

Отображает насыщенные DCI-P3 патчи, выходящие за sRGB. Если дисплей поддерживает широкий гамут — разница явна. Если нет — патчи почти идентичны.

Тест границ градиентов

Показывает плавные градиенты на границе sRGB и P3. Широкогамутные дисплеи показывают больше промежуточных тонов; стандартные — обрезку цвета.

Тестирование RGB-каналов

Тестирует охват отдельно для красного, зелёного и синего. P3 расширяется больше всего в красном и зелёном, меньше в синем — поэтому P3-экраны показывают самые сочные красные и зелёные.

Что такое цветовой охват?

Понимание стандартов гамута и их влияния на качество.

sRGB

Самый универсальный стандарт, охватывающий ~35% видимых цветов. Почти весь веб-контент и ОС базируются на sRGB. 99% sRGB — минимальный порог для любого дисплея.

DCI-P3

Примерно на 25% шире sRGB, определён киноиндустрией. Вся экосистема Apple (iPhone, MacBook, Pro Display XDR) использует P3. HDR-контент обычно в P3 — мейнстрим-стандарт высокого класса.

Adobe RGB

Стандарт для профессиональной печати и фото, со значительным расширением в цианово-зелёном регионе. Фотографы используют Adobe RGB для охвата CMYK-цветов печати — "cвижу на экране, получаю на печати".

Как использовать тест

Три шага для определения гамута.

01

Сравните патчи

Каждая группа содержит P3-насыщенные и sRGB-эталонные патчи. Если разница явна (P3 ярче) — дисплей поддерживает широкий гамут. Если одинаковы — обрезка P3 до sRGB.

02

Градиенты

Наблюдайте плавность переходов в градиентах. Широкогамутные показывают богатые тона. Если градиент "cобрезается" — это граница гамута.

03

Три канала

Проверьте диапазон расширения красного, зелёного и синего отдельно. Большинство широкогамутных показывают наибольшее расширение в красном (P3-красный значительно ярче sRGB), затем зелёный, меньше всего синий.

Стандарты гамута

sRGB (1996)

Стандартный гамут HP и Microsoft, определяющий "cстандартные цвета" эпохи CRT. До сих пор по умолчанию для веба, Windows и Android. Каждый дисплей должен охватывать минимум 100% sRGB.

DCI-P3 (2005)

Проекционный гамут Digital Cinema Initiatives. Значительное расширение в красном и зелёном. Поддерживается всеми Apple с iPhone 8, флагманами Samsung и профессиональными дисплеями. Охват ~45% видимых цветов.

Adobe RGB (1998)

Создан Adobe для охвата CMYK-печати. Шире sRGB и P3 в цианово-зелёном. Профессиональные фото-мониторы (напр., EIZO CG) указывают 99% Adobe RGB.

Rec. 2020 (2012)

Стандарт ITU для Ultra HD — один из крупнейших гамутов, охватывающий ~75% видимых цветов. Почти ни один дисплей не может полностью охватить Rec. 2020; это целевой ориентир.

Гамут по типам панелей

Цветовые возможности разных технологий.

IPS (Nano IPS / IPS Black)

Гамут:

• Стандартная IPS: ~99% sRGB, редко P3.
• Nano IPS (LG): 98% DCI-P3, профессионального уровня.
• IPS Black: улучшенный контраст с сохранением P3.
• Преимущество: стабильные углы, высокая однородность.

VA-панель

Гамут:

• Quantum Dot VA: 95%+ DCI-P3 (Samsung QD).
• Стандартная VA: 100% sRGB, 85–90% P3.
• Преимущество: высокий контраст (3000:1+), отличные тёмные сцены.
• Учтите: сдвиг цвета под углом.

OLED / QD-OLED

Гамут:

• WOLED (LG): 99% DCI-P3, близко к 90% Adobe RGB.
• QD-OLED (Samsung): 99,3% DCI-P3, почти вещательный класс.
• Попиксельное управление с высокой чистотой цвета.
• Самый широкий гамут среди потребительских.

Mini LED подсветка

Гамут:

• С квантовоточечной плёнкой: 97%+ DCI-P3.
• Зонированная подсветка для отличного HDR-цвета.
• 15–20% улучшение по сравнению с традиционной LED.
• Примеры: Apple Pro Display XDR, ASUS PA32UCR.

Советы по управлению цветом

Загрузите ICC

Колориметр (напр., i1 Display Pro) для генерации ICC-профиля. ОС точно сопоставит реальный гамут дисплея, предотвращая перенасыщенность.

Правильный режим

Широкогамутным нужно управление цветом. macOS делает автоматически; Windows требует ICC или режим sRGB для ограничения гамута.

Матч контента

sRGB для веба и офиса. Adobe RGB для фото. P3 для видео и HDR. Несовпадение вызывает перенасыщенность.

Браузерное управление

Chrome и Firefox поддерживают CSS color() и P3-цвета. Safari имеет наиболее полное управление. Используйте color(display-p3 ...) для P3-цветов на страницах.

Часто задаваемые вопросы

Q.100% sRGB вс 100% P3 — что лучше?

Не прямое сравнение. sRGB — основа, 100% минимум. P3 шире — 100% P3 = более яркие цвета возможны. Но без управления цветом широкий гамут делает контент перенасыщенным.

Q.Почему цвета слишком яркие?

Windows управление цветом слабее macOS. Приложения не читают ICC и напрямую мапят sRGB на широкий гамут, вызывая перенасыщение. Решение: режим sRGB в OSD.

Q.Как использовать P3 в CSS?

Используйте color(display-p3 r g b) со значениями 0–1. Например, color(display-p3 1 0 0) = P3-красный. Комбинируйте с @supports и @media (color-gamut: p3) для грациозной деградации.

Q.Какой гамут у телефонов?

Все iPhone с iPhone 8 поддерживают P3. Samsung флагманы (S21+): 120% DCI-P3. Средние Android обычно только sRGB. iPad Pro полностью P3.

Q.Что такое квантовые точки?

Квантовые точки — наноразмерные полупроводники, точно преобразующие длины волн света. В подсветке дают более чистые RGB-спектры, расширяя гамут. Samsung QLED и QD-OLED используют эту технологию.

Q.8-бит и 10-бит — одинаковый гамут?

Гамут и глубина — независимые понятия. 8-бит может иметь 100% P3 гамут, но 16,7М цветов; 10-бит — 1,07 млрд с плавными градиентами. Оба влияют на цвет, но по-разному.

Советы при покупке

  • Офис: 100% sRGB достаточно. Широкий гамут может делать веб и документы перенасыщенными.
  • Фото: Приоритет профессиональным с 99%+ Adobe RGB, с колориметром.
  • Видео: Выбирайте 95%+ DCI-P3 с HDR для точного превью HDR-контента.
  • Веб-разработка: Используйте @media (color-gamut: p3) для более ярких брендовых цветов на широкогамутных устройствах.