화면 그레이스케일 테스트
단계형 그레이스케일과 암부·명부 레벨을 표시하고, 인접 단계의 구분 가능 범위와 중립 회색의 색 편향 및 영역별 균일성을 기록합니다.
그레이스케일 설정
그레이스케일 출력 및 관찰 기록
스크립트가 실행되지 않는 경우 페이지 설명을 통해 테스트 방법을 확인하세요.
패턴을 클릭하거나 왼쪽 버튼으로 전체 화면에 들어가세요현재 패턴에서 서로 구분되는 가장 낮은 단계 번호와 가장 높은 단계 번호를 기록하세요.
최저 단계는 최고 단계보다 높을 수 없으며 현재 단계 수 범위 안에 있어야 합니다.
- 테스트 범위
- 전체 범위
- 전체 단계 수
- 16
- 보이는 단계 수
- 16/16
- 색 편향 기록
- 아직 기록하지 않음
- 균일성 기록
- 아직 기록하지 않음
- 준비도
- 0/4
- Canvas 렌더러
- —
그레이스케일 단계를 관찰하는 방법
| 범위 | 중점 관찰 | 기록할 내용 |
|---|---|---|
| 전체 범위 | 검은색에서 흰색까지의 전체 단계, 색 편향과 넓은 영역의 균일성 | 인접 단계가 연속적으로 구분되는지와 국부적인 색 편향이 있는지 |
| 암부 | 검은색에 가까운 단계가 뭉개지거나 블랙 레벨이 떠 보이는지 | 처음 구분 가능한 단계와 암부가 넓은 영역에서 합쳐지는지 |
| 명부 | 흰색에 가까운 단계가 잘리거나 한 덩어리로 합쳐지는지 | 가장 높게 구분 가능한 단계와 명부 영역의 색 편향 |
사용 방법과 해석
테스트 순서와 단축키
원래 해상도와 브라우저 100% 확대/축소를 설정하고 동적 색온도와 화질 향상을 끈 뒤 전체 범위, 암부, 명부를 차례로 관찰하세요. 전체 화면에서는 좌우로 범위, 위아래로 단계 수, O로 방향, L로 라벨 표시 여부를 바꿀 수 있습니다.
그레이스케일 단계 생성 방식
전체 범위는 0~255를 등간격으로 샘플링하고 암부는 0~63, 명부는 192~255를 샘플링합니다. i번째 단계는 round(start + i × (end − start) / (N − 1))이며 빨강·초록·파랑에 같은 정수를 사용합니다.
적용 범위와 오관찰 원인
이 도구는 시각적 점검만 제공합니다. 브라우저 색상 관리, 시스템 감마, 배율, GPU 출력, 연결 형식, 로컬 디밍, 주변광과 시야각이 결과에 영향을 줍니다. 8비트와 10비트 출력 여부를 단독으로 판단하거나 전문 보정을 수행할 수 없습니다.
개인정보, 구현과 출처
모든 패턴과 관찰 기록은 현재 브라우저에서 로컬로 생성됩니다. 입력을 업로드하지 않고 제3자 실행 API를 호출하지 않으며 로컬 저장소에도 기록하지 않습니다.
표준 8비트 RGB 코드 범위와 브라우저 Canvas 로컬 렌더링을 사용하며 제3자 런타임 라이브러리는 사용하지 않습니다.
자주 묻는 질문
그레이스케일 테스트에서 몇 단계가 안 보여야 문제인가요?
모든 기기에 적용되는 단일 단계 기준은 없습니다. 밝기, 감마, 주변광과 화면 모드를 고정한 뒤 인접 단계가 넓은 영역에서 합쳐지는지 보고 같은 디스플레이의 다른 모드나 정상으로 알려진 화면과 비교하세요.
암부와 명부 그레이스케일은 어떻게 보나요?
암부에서는 검은색에 가까운 단계가 한 덩어리로 뭉개지는지 확인하고, 명부에서는 흰색에 가까운 단계가 합쳐지는지 확인하세요. 양쪽 모두 같은 밝기, 색온도와 화면 모드를 사용해야 합니다.
중립 회색이 빨강·초록·파랑으로 보이는 이유는 무엇인가요?
화이트 포인트, RGB 게인, ICC 설정, 야간 모드, 시야각과 패널 균일성이 색 편향을 만들 수 있습니다. 동적 색온도와 눈 보호 모드를 끄고 여러 회색 단계와 화면 영역을 확인하세요.
그레이스케일 테스트로 8비트와 10비트를 구분할 수 있나요?
이 테스트만으로는 알 수 없습니다. 브라우저 렌더링, 시스템 합성, GPU 출력, 연결 형식, 디더링과 패널 처리가 최종 화면에 함께 영향을 줍니다. 웹페이지는 보이는 단계 병합이나 색 편향을 찾는 데만 도움을 줍니다.