디자인
명암비 검사기
전경색과 배경색의 WCAG 2.1 명암비를 검사하고, AA·AAA 등급 통과 여부를 확인합니다.
전경색 (텍스트)
RGB(108, 114, 255)
배경색
RGB(15, 17, 23)
명암비4.93:1AA
큰 텍스트 미리보기
일반 크기의 본문 텍스트입니다. 이 문장이 배경 위에서 충분히 읽기 쉬운지 확인하세요.
반전 미리보기
전경색과 배경색을 뒤집었을 때의 가독성을 확인합니다.
WCAG 2.1 기준별 판정
AA 일반 텍스트본문 크기 (14px~18px) — 최소 4.5:1
통과AA 큰 텍스트18px bold 또는 24px 이상 — 최소 3:1
통과AA UI 요소아이콘·입력창·테두리 등 — 최소 3:1
통과AAA 일반 텍스트최고 수준의 가독성 — 최소 7:1
미달AAA 큰 텍스트18px bold 또는 24px 이상 — 최소 4.5:1
통과사용 방법
- 전경색(텍스트 색상)과 배경색을 HEX 코드로 입력하거나 컬러 피커로 선택합니다.
- 명암비가 자동 계산되고 WCAG 2.1 기준별 통과 여부가 표시됩니다.
- 미리보기에서 실제 텍스트 가독성을 눈으로 확인합니다.
- AA 기준 미달 시 하단에 추천 색상이 표시됩니다. 클릭하면 바로 적용됩니다.
WCAG 명암비 기준
- •AA 일반 텍스트: 4.5:1 이상 — 대부분의 웹 접근성 법규에서 요구
- •AA 큰 텍스트/UI: 3:1 이상 — 18px bold 또는 24px 이상 텍스트
- •AAA 일반 텍스트: 7:1 이상 — 최고 수준, 저시력 사용자 배려
- •명암비 1:1은 동일 색상, 21:1은 흑백(최대)
- •브라우저에서만 처리 — 데이터가 서버로 전송되지 않음