결과 해석하기
먼저 브라우저 보고를 확인한 다음 패치 비교와 그라데이션을 전환하세요. 넓은 색 영역 환경에서는 대상 색이 더 선명할 수 있지만, 차이가 없으면 브라우저·프로필·표시 모드·패널의 제한도 살펴봐야 합니다.
모니터 색 영역 테스트
브라우저가 보고하는 sRGB, Display-P3, Rec.2020 지원 여부를 색상 패치와 그라데이션으로 비교합니다.
대상과 조건
대상 색 영역
테스트 패턴
색 영역 결과와 관찰
감지 중
Display-P3 · 색상 패치 비교
1/2/3 대상 · P 패턴 · H 컨트롤 · F 종료
색상 패치 차이
같은 행의 sRGB 기준과 대상 색 영역을 비교하세요.
그라데이션 관찰
그라데이션이 매끄러운지, 밴딩이나 색상 잘림이 있는지 확인하세요.
브라우저 대략 보고대략적인 지원
브라우저 대략 보고감지 중대상 색 영역을 선택하고 테스트를 시작하세요.
- 대상 색 영역
- Display P3
- 미디어 질의
- —
- CSS 색상 문법
- —
- 현재 패턴
- 색상 패치 비교
- 패치 차이
- 아직 기록하지 않음
- 그라데이션
- 아직 기록하지 않음
- 준비
- 0/4
color-gamut은 사용자 에이전트와 출력 장치가 보고하는 대략적인 범위만 나타냅니다. 패치 차이는 브라우저 색상 관리, 시스템 설정, 표시 모드, 콘텐츠에도 영향을 받으며 커버리지 비율을 제공하지 않습니다.
결과 해석하기
브라우저가 확인하는 항목
CSS color-gamut 미디어 기능과 CSS Color 4의 color() 문법으로 출력 경로의 대략적인 지원과 테스트 색을 확인합니다. 패널을 분광 측정하는 기능은 아닙니다.
테스트의 한계
웹페이지는 패널의 원색 좌표, 화이트 포인트, 밝기, 색 영역 커버리지와 부피를 읽을 수 없습니다. 비율이나 하드웨어 확인에는 측정 장비를 사용하세요.
자주 묻는 질문
모니터의 Display-P3 지원 여부를 어떻게 확인하나요?
Display-P3를 선택하고 브라우저 보고를 확인한 뒤 sRGB와 P3 패치를 전체 화면에서 비교하세요. 시각적 선별일 뿐 실제 커버리지를 증명하지 않습니다.
브라우저는 색 영역을 지원한다고 하는데 화면이 똑같아 보이는 이유는 무엇인가요?
출력 경로가 지원되어도 프로필, 표시 모드, 패널과 주변 빛 때문에 차이가 잘 보이지 않을 수 있습니다.
웹페이지가 색 영역 커버리지를 퍼센트로 측정할 수 있나요?
아니요. 패널의 원색 좌표와 실측 색도 데이터를 얻을 수 없으므로 P3 95% 같은 값을 신뢰성 있게 계산할 수 없습니다.
브라우저의 color-gamut 보고는 정확한가요?
브라우저와 출력 경로가 보고한 지원 범위를 알려 주는 단서일 뿐, 패널의 커버리지·색 영역 부피·색 정확도를 인증하지는 않습니다.
개인정보와 출처
설정과 관찰 기록은 이 브라우저에만 남습니다. 업로드하지 않으며 복사는 사용자가 클릭할 때만 실행됩니다.
패턴은 CSS Color 4, color-gamut, 브라우저 Fullscreen API를 사용합니다.