모든 도구HDR 지원 테스트
이 도구로 확인할 수 있는 내용

HDR 표시 테스트 | 밝기, 색역, 지원 여부 확인

디스플레이가 HDR 표시를 지원하는지 확인하고 SDR과의 차이, 밝기, 색 표현 범위를 비교할 수 있습니다.

HDR 테스트모니터 점검색상 테스트화면 밝기광색역
개인정보

관련 없는 권한은 요청하지 않으며 이 기기에서 사용할 수 있는 브라우저 API로 실행됩니다.

지원 플랫폼

최신 Chrome, Edge, Safari, Firefox에서 가장 잘 동작합니다. 지원 여부는 CSS media queries and display capability APIs, HTTPS, 하드웨어, 브라우저 정책에 따라 달라집니다.

시각적 비교 (주관적 판단)
제안: 전체 화면, 나이트 시프트/시력 보호 끔, 시스템 HDR 켬, 밝기 최대; 이후 '하이라이트가 확연히 밝은지, 암부 계조가 있는지' 관찰.
검정 (0)
rgb(0 0 0)
SDR 흰색 (1.0)
rgb(255 255 255)
SDR 그레이스케일 (0→1)
'HDR 시도' 하이라이트 그라디언트 (CSS Color 4 + HDR 경로 필요)
메모: 브라우저가 'HDR 표시 가능'한 것과 'HDR 영상을 디코딩'하는 건 별개입니다. 지원하더라도 시스템 HDR 스위치, 색상 관리, 케이블/모니터 경로 영향을 받습니다.
로컬 비디오 로드 (직접 찍은 HDR 영상 권장)
iPhone/일부 안드로이드 'HDR/Dolby Vision' 영상이 가장 확실합니다; 재생 시 회색빛이 돌거나 하이라이트가 안 밝으면 HDR 경로가 안 열린 것입니다.
해상도
-
길이
-
전체 화면으로 봐야 하이라이트가 정확합니다.
디스플레이 / 브라우저 능력
결론 (경험적):SDR 출력 가능성 높음
dynamic-range: high
알 수 없음
color-gamut: rec2020
알 수 없음
color-gamut: p3
알 수 없음
CSS color(display-p3)
알 수 없음
CSS color(rec2020)
알 수 없음
CSS rec2020 > 1(HDR)
알 수 없음
주의: 일부 시스템은 '외장 모니터/미러링/절전 모드/나이트 시프트' 시 강제 SDR로 전환됩니다. 모니터가 HDR이라도 OS 설정에서 꺼져있으면 SDR로 나옵니다.
HDR 비디오 디코딩 능력 탐지 (MediaCapabilities)
'지원'이 꼭 HDR 출력을 의미하진 않으며, '디코딩 가능'에 가깝습니다. 실제 HDR 출력 여부는 시스템/모니터/플레이어 경로에 달렸습니다.
포맷디코딩 지원부드러움전력 효율
SDR: H.264 / MP4 (1080p@30)---
HDR10: HEVC Main10 / MP4 (4K@30, PQ/Rec2020)---
HLG: HEVC / MP4 (4K@30, HLG/Rec2020)---
HDR: VP9 Profile 2 / WebM (4K@30, PQ/Rec2020)---
HDR: AV1 / WebM (4K@30, PQ/Rec2020)---
설명: smooth/powerEfficient는 주로 '하드웨어 가속' 여부를 짐작케 하지만, 실제 재생은 다를 수 있습니다.

이 페이지로 HDR '실제 적용' 확인법

먼저 오른쪽의 "dynamic-range: high"와 "color-gamut: rec2020"을 살펴보세요. 둘 다 동시에 "yes"이므로 HDR 출력 링크에 더 가깝습니다.
"CSS rec2020 > 1 (HDR 값)"을 다시 확인합니다. "예"인 경우 상단 "시각적 비교"의 강조 색상 블록(1.2/1.6/2.0)을 사용하여 SDR 흰색과 비교합니다. 일반 HDR은 "더 밝아"지고 "하이라이트 효과"가 더 커집니다.
"디코딩 지원"에 HDR10/HLG를 지원한다고 표시되어 있어도 시스템/브라우저에 의해 SDR 재생으로 변환될 수 있습니다(일반적인 현상은 전체 이미지가 회색이고 하이라이트가 밝지 않은 것입니다). 촬영/다운로드한 HDR 자료를 사용하여 확인하세요.
외부 모니터/화면 투사/절전 모드/눈 보호 모드/야간 시청은 종종 SDR 저하를 유발합니다. 먼저 내장 화면을 사용하고, 야간 시청을 끄고, 밝기를 높이고, 전체 화면으로 전환한 후 관찰하는 것이 좋습니다.

HDR 지원 테스트 가이드

디스플레이 능력 탐지 + HDR 디코딩 탐지 + 시각적 비교를 통해 HDR이 진짜 켜져 있는지 판별합니다.

단계 1

'능력 판단' 선행

약 10초
오른쪽의 "dynamic-range: high" 및 "color-gamut: rec2020"과 같은 결과를 관찰하십시오.
동적 범위: 높음이 아니요인 경우 기본적으로 SDR로 처리될 수 있습니다(브라우저/시스템에서 이 기능을 노출하지 않는 한).
Rec2020/p3이 yes라면 최소한 넓은 색역 출력 가능성이 있다는 의미입니다.
단계 2

시각적 하이라이트 비교

약 20초
"전체 화면 대비"를 클릭하고 시스템 밝기를 높이고 나이트 뷰/눈 보호 기능을 끄세요.
SDR White와 “HDR 하이라이트(1.6/2.0)” 비교: 거의 차이가 없다면, 일반적인 이유는 SDR로 변환되었기 때문입니다.
SDR 회색조 비교: 어두운 부분(검은색에 가까운)을 레이어로 분리할 수 있는지 여부와 "흐릿하게" 표시되는지 여부
단계 3

HDR 소스 실제 재생 확인

약 30초
HDR임을 확인한 동영상을 업로드하세요(예: 휴대폰에서 'HDR 동영상'으로 녹화한 클립).
전체 화면 재생 후 관찰: 하이라이트(빛/반사/하늘)가 훨씬 더 밝아졌는지, 어두운 영역에 디테일이 여전히 유지되는지 여부
"전체가 회색이다/하이라이트가 밝지 않다/색상이 이상하다"는 경우는 대부분 HDR→SDR 변환이나 색상 관리 문제로 인한 것입니다. 브라우저를 변경하거나 플레이어 경로를 변경하여 확인할 수 있습니다

이 도구가 확인하는 사항

이 페이지에서는 브라우저와 디스플레이 파이프라인이 유용한 HDR과 유사한 기능 신호와 눈에 보이는 대비 차이를 노출하는지 확인합니다.

브라우저 HDR 기능 힌트

관련 미디어 쿼리 또는 렌더링 동작과 같은 브라우저에 표시되는 디스플레이 기능 신호를 찾습니다.

차별화를 강조하다

밝은 영역이 명확하게 분리되는지 아니면 평평한 SDR과 같은 모양으로 축소되는지 확인하는 데 도움이 됩니다.

그림자 및 대비 가시성

더 어두운 디테일이 깨지지 않고 여전히 보이는지 쉽게 확인할 수 있습니다.

색상 심도 단서

뚜렷한 밴딩이나 제한적으로 보이는 그라데이션을 찾는 데 유용합니다.

전체 화면 표시 동작

테스트가 전체 화면으로 표시될 때 디스플레이 파이프라인이 변경되는지 비교할 수 있습니다.

사용자 측 시각적 온전성 검사

심층적인 디스플레이 보정 작업 전에 실용적인 브라우저 수준의 느낌을 제공합니다.

이 도구로 확인할 수 없는 사항

이는 패널 밝기나 색상 정확도에 대한 보정된 측정이 아닌 시각적 HDR 준비 상태 확인입니다.

교정 보고서가 아님

최고 밝기, 절대 니트, 영역 범위 또는 EOTF 정확도는 인증할 수 없습니다.

OS 톤 매핑이 결과에 영향을 미칩니다

시스템 HDR 토글, 브라우저 톤 매핑 및 디스플레이 프로필은 모두 표시되는 내용을 변경할 수 있습니다.

스크린샷은 오해의 소지가 있을 수 있습니다.

캡처한 이미지는 HDR을 SDR로 병합하는 경우가 많으며 실제 시각적 결과를 나타내지 않습니다.

시각적 판단은 주관적이다

주변 조명과 자신의 눈은 여전히 HDR 차이가 나타나는 정도에 영향을 미칩니다.

결과가 생성되는 방식

결과는 브라우저에 표시되는 디스플레이 기능 힌트와 대비 및 색상 테스트 패턴의 로컬 렌더링을 통해 생성됩니다.

01

디스플레이 기능 읽기

페이지에서는 브라우저와 플랫폼에서 관련 디스플레이 기능 신호를 확인합니다.

02

패턴 렌더링

강조 표시, 그림자 및 그라데이션 콘텐츠는 브라우저에서 직접 렌더링됩니다.

03

전체 화면 비교

콘텐츠가 전체 화면으로 표시될 때 브라우저가 다르게 동작하는지 비교할 수 있습니다.

04

시각적 관찰

하이라이트 분리, 색상 부드러움, 대비가 개선되었는지 검사합니다.

05

현지 통역

이 페이지에는 보정된 HDR 인증을 주장하는 대신 브라우저와 시각적 신호가 요약되어 있습니다.

결과 해석

결과를 디스플레이 품질에 대한 최종 단어가 아닌 HDR 준비 상태에 대한 브라우저 수준 힌트로 사용하세요.

관찰된 HDR 결과아마도 의미
HDR 차이가 보이지 않음디스플레이 경로가 여전히 SDR에서 실행 중이거나 브라우저가 HDR 지원 파이프라인을 노출하지 않을 수 있습니다.
하이라이트가 바랜 것처럼 보임톤 매핑, 밝기 설정 또는 브라우저 표시 처리로 인해 대비가 제한될 수 있습니다.
강한 밴딩이 보입니다.제한된 유효 비트 심도, SDR 경로 또는 브라우저 렌더링 제약 조건.
창모드보다 전체화면이 더 좋아보이네요시스템이나 브라우저는 전체 화면 모드에서 표시 동작을 전환할 수 있습니다.
하이라이트와 그라데이션이 확실히 개선된 모습브라우저와 디스플레이 경로는 유용한 HDR과 유사한 동작을 노출할 가능성이 높습니다.

지원되는 브라우저 및 알려진 제한 사항

HDR 관련 브라우저 동작은 OS 디스플레이 파이프라인, 브라우저 지원, 모니터 또는 장치 자체에 따라 크게 달라집니다.

브라우저기능 힌트 노출시각적 HDR 테스트 지원전체 화면 동작알려진 제한 사항
크롬지원되는 시스템에서 좋음좋음좋음실제 HDR 경로는 OS 및 디스플레이 구성에 따라 크게 달라집니다.
가장자리지원되는 Windows 설정에 적합좋음좋음결과는 Windows HDR 설정 및 GPU 경로에 따라 다릅니다.
파이어폭스브라우저 노출이 더욱 제한됨기본기본HDR 관련 웹 동작은 Chromium보다 일관성이 떨어집니다.
사파리플랫폼에 따라 다름기본부터 좋음까지좋음Apple 디스플레이 파이프라인 동작은 기기마다 크게 다를 수 있습니다.
iOS 사파리장치에 따라 다름기본기본부터 좋음까지모바일 톤 매핑과 밝기 정책이 결과를 좌우할 수 있습니다.
안드로이드 크롬Android 하드웨어에 따라 다름기본부터 좋음까지기본부터 좋음까지공급업체 디스플레이 모드는 인지된 결과를 변경할 수 있습니다.

사용 사례

이 테스트는 HDR 관련 디스플레이 기능이 감지될 만큼 활성화되어 있는지 브라우저 수준에서 빠르게 확인하려는 경우에 유용합니다.

OS에서 HDR을 활성화한 후

이제 브라우저에 하이라이트와 그라데이션 분리가 더 명확하게 표시되는지 확인하세요.

HDR급 콘텐츠를 시청하기 전에

더 나은 동적 범위 경험을 위해 브라우저 표시 경로가 준비된 것으로 나타나는지 확인하십시오.

브라우저를 비교할 때

한 브라우저가 다른 브라우저보다 더 설득력 있는 시각적 HDR 신호를 표시하는지 확인하세요.

새 모니터를 연결한 후

외부 디스플레이 경로가 브라우저 결과를 변경하는지 확인합니다.

화면이 밋밋해 보일 때

테스트를 사용하여 브라우저가 여전히 SDR 스타일 파이프라인에 갇혀 있는지 확인하세요.

자주 묻는 질문 (FAQ)

HDR 출력, 색역, 디코딩, 실제 체감 차이에 대한 핵심 질문과 답변.

1.

이 페이지에서 "화면의 최대 밝기(니트)를 측정"할 수 있나요?

할 수 없습니다. 브라우저는 일반적으로 화면 밝기의 절대 상한(니트)을 직접 읽을 수 없습니다. 이 페이지에서는 "기능 감지 + 주관적 비교"의 조합을 제공합니다. 동적 범위/색상 영역/MediaCapability를 사용하여 지원 가능성을 확인한 다음 하이라이트 대비 및 HDR 자료 라이브 방송을 사용하여 실제로 HDR로 출력되는지 확인합니다.

2.

동적 범위: 높음 = 예, HDR이어야 합니까?

반드시 그런 것은 아니지만 강력한 신호입니다. 동적 범위: 높음은 "높은 동적 범위 출력 기능"에 대한 브라우저의 판단을 반영합니다. 실제 HDR은 시스템 HDR 스위치, 외부 모니터, 색상 관리 및 플레이어 경로의 영향도 받습니다. "하이라이트 컬러 블록 비교" 및 "HDR 비디오 라이브 확인"을 수행하는 것이 좋습니다.

3.

디코딩 감지에서는 HDR10/HLG가 지원되는 것으로 표시되지만 사진은 SDR처럼 보입니다. 왜 이런가요?

매우 일반적입니다. 디코딩 지원은 "이 유형의 코드 스트림을 디코딩할 수 있음"을 의미할 뿐 출력이 HDR로 표시된다는 의미는 아닙니다. 많은 경우 브라우저/시스템은 HDR 콘텐츠에 대해 톤 매핑을 수행하고 이를 SDR로 변환합니다(전체 콘텐츠가 회색이고 하이라이트가 밝지 않음을 나타냄). 시스템 HDR이 켜져 있는지, 나이트 뷰/눈 보호가 꺼져 있는지 확인하시고, 내장 화면에서 전체 화면으로 재생해 보시고 판단해 주시기 바랍니다.

4.

동일한 장치의 브라우저에 따라 HDR 결과가 다른 이유는 무엇입니까?

브라우저마다 HDR 파이프라인, 색상 관리, 하드 디코딩 전략 및 CSS Color 4/MediaCapability 구현이 다릅니다. 특히 HEVC/HDR10은 시스템 라이선스에 따라 차이가 더 큽니다. Chrome/Edge를 Safari/Firefox와 한 번 이상 비교하는 것이 좋습니다(가능한 경우).

5.

CSS Rec2020 > 1(HDR 값)에 "지원되지 않음"이 표시되는데, 이는 무엇을 의미합니까?

이는 일반적으로 브라우저가 CSS에 직접 표현된 "1을 넘는 HDR 하이라이트 값"을 지원하지 않거나 현재 출력 링크에서 이를 허용하지 않는다는 의미입니다. 그렇더라도 기기는 '동영상 재생 파이프라인'(예: HDR 동영상 재생 시)을 통해 HDR을 구현할 수 있습니다. 따라서 이 기능은 "웹 페이지 렌더링 HDR 하이라이트"에 더 편향되어 있으며 "비디오 HDR"과 동일하지 않습니다.

6.

HDR 효과를 확인하려면 어떤 영상을 사용해야 합니까?

휴대폰으로 촬영한 HDR 비디오(iPhone/일부 Android의 경우 "HDR Video/Dolby Vision")를 사용하거나 HDR10/HLG인지 확인한 테스트 영상을 사용하는 것이 좋습니다. 로컬 파일로 로드하고 재생한 다음 하이라이트와 그림자 세부 정보를 관찰하는 것은 가장 직관적이고 안정적인 방법 중 하나입니다.

7.

외부 모니터/화면 투영이 HDR 판단에 영향을 미치나요?

회의. 외부 모니터, 도킹 스테이션, 스크린 캐스팅 프로토콜 및 시스템 "미러/확장" 모드는 모두 HDR 저하 또는 색상 관리 변경을 일으킬 수 있습니다. 벤치마킹을 위해 먼저 내장 화면에서 테스트한 후 비교를 위해 외부 링크를 테스트하는 것이 좋습니다.

관련 가이드

이 테스트와 관련된 설정 방법, 브라우저 호환성, 문제 해결 가이드를 확인해 보세요.

내 모니터는 가짜 HDR? 3 분 만에 확인하는 화면 진실 게임

요즘 노트북과 모니터 사양표에 흔히 보이는 'HDR 지원' 문구, 하지만 실제 체감은 미미한 경우가 많습니다. 이 기사는 온라인 기반 'HDR 디스플레이 지원 능력 검사' 도구를 활용하여 내 기기의 진정한 성능을 검증하는 방법을 다룹니다. 단순한 사양 나열을 넘어, SDR 과 HDR 모드의 색상 깊이와 밝기 차이를 직관적으로 비교하는 실전 가이드를 제공합니다. 회의나 중요한 데모 전에 화면 오작동을 예방하고, 구매 전 제품 리뷰의 진위를 가리는 데 필수적인 체크리스트가 될 것입니다. 복잡한 설치 없이 브라우저만으로 가능한 빠른 진단으로 당신의 시각적 경험을 업그레이드하세요.

내 모니터는 가짜 HDR? 3 분 만에 속임수를 간파하는 실전 가이드

요즘 많은 모니터와 노트북이 'HDR 지원'을 홍보하지만, 실제로는 색상 깊이와 밝기가 부족한 가짜 HDR 인 경우가 많습니다. 이 기사는 온라인에서 즉시 실행 가능한 'HDR 디스플레이 지원 능력 검사' 도구를 활용하여 내 화면의 진정한 성능을 진단하는 방법을 다룹니다. SDR 과 HDR 모드의 색상 차이를 직관적으로 비교하고, 최대 밝기와 광색역 표현력을 테스트하여 구매 전 검증이나 기존 장비의 상태 점검에 활용할 수 있습니다. 복잡한 설정 없이 브라우저만으로 3 단계 간단 조작으로 화면 품질 저하 원인을 찾고, 중요한 작업 전 디스플레이 신뢰성을 확보하세요.

화질이 달라진 이유? 3 분 만에 확인하는 HDR 디스플레이 진단 가이드

새 모니터를 구매했는데 색감이 죽어 보이거나, 영상 스트리밍 시 화면이 갑자기 어두워진 경험이 있나요? 이는 기기가 HDR(High Dynamic Range) 모드를 제대로 지원하지 않거나 설정 오류일 수 있습니다. 본 기사에서는 'HDR 디스플레이 지원 능력 검사' 도구를 활용하여 내 화면의 진정한 성능을 검증하는 방법을 소개합니다. SDR 과 HDR 의 색상 차이를 직관적으로 비교하고, 밝기와 광색역 지원 여부를 실시간으로 테스트하는 절차를 단계별로 안내합니다. 회의나 중요한 데모 전에 장비 상태를 미리 점검하여 기술적 실수를 방지하고, 업데이트 후 발생한 호환성 문제의 원인을 빠르게 진단해 보세요. 복잡한 설정 없이 브라우저에서 바로 실행 가능한 이 도구로 당신의 시각적 경험을 최적화하십시오.

피드백 / 버그 신고

브라우저, 기기, 그리고 어떤 일이 있었는지 알려주세요.

이 결과가 이상해 보이나요?

댓글(0)

0
0