명암비 확인기
전경색과 배경색의 상대휘도 대비비를 계산하고 WCAG AA/AAA 기준 통과 여부를 표시합니다.
사용 방법
- 전경·배경 HEX를 입력하고 live sample과 각 기준 상태를 확인합니다.
핵심 기능과 처리 범위
두 HEX의 contrastRatio를 구해 normal text AA 4.5, large text AA 3, normal text AAA 7 기준과 비교합니다.
처리 원리
sRGB 색을 상대휘도로 변환해 (Llighter+0.05)/(Ldarker+0.05) 공식을 적용합니다.
예시
검정 #000000과 흰색 #FFFFFF는 21:1로 표시됩니다.
이럴 때 유용합니다
- 텍스트·버튼 색 조합의 기본 접근성 대비를 확인할 때
사용 전 참고
- 폰트 크기·굵기·상태색·비텍스트 요소 등 전체 WCAG 요구사항을 자동 판정하는 도구는 아닙니다.
기준 및 참고자료
자주 묻는 질문
AA normal text 기준은 몇 대 몇인가요?
현재 화면은 4.5:1 이상을 AA normal text 통과로 표시합니다.