상대 휘도(Relative Luminance) 산출 공식과 명도 대비 수학적 원리
시각 장애, 저시력, 저색각(색맹/색약) 사용자뿐만 아니라 야외 태양광 아래에서 모바일 디바이스를 사용하는 모든 이용자에게 디지털 콘텐츠의 명확한 가독성은 필수적인 요소입니다. W3C의 WCAG 2.1(웹 콘텐츠 접근성 지침)은 전경색(텍스트)과 배경색 간의 명도 대비 비율을 정량적으로 평가할 것을 권장합니다.
ToolsYouWant 컬러 대비 검사기는 sRGB 색상 공간을 부동소수점 선형화(Linearization)한 후, 인간 눈의 시각 감도(적/녹/청 광원 가중치)를 반영한 상대 휘도(Relative Luminance) 수식을 적용하여 정확한 대비 비율을 계산합니다.
WCAG 2.1 AA/AAA 4종 자동 검증
일반 텍스트 및 18pt 이상 대형 텍스트 기준 4가지 규격(AA/AAA) 통과(PASS) 여부를 실시간 판정합니다.
명도(Lightness) 미세 조절 슬라이더
대비 수치가 기준 미달일 때 슬라이더를 즉시 조절하여 합격 기준을 만족하는 최적의 색상을 탐색합니다.
1초 전경색-배경색 맞바꾸기
버튼 한 번으로 전경색과 배경색을 스왑(Swap)하여 다크모드 및 리버스 UI 명도 대비를 손쉽게 점검합니다.
1. W3C 상대 휘도(Relative Luminance) 산출 수학 수식
WCAG 2.1 명도 대비 비율 통과 기준표
텍스트 크기 및 대상 등급에 따른 최소 요구 명도 대비 수치 사양입니다.
| 접근성 등급 | 텍스트 유형 | 최소 요구 명도 대비 수치 | 권장 사용 대상 | |
|---|---|---|---|---|
| 일반 텍스트 (18pt 미만) | ||||
| 대형 텍스트 (18pt / 14pt Bold 이상) | ||||
| 일반 텍스트 (18pt 미만) | ||||
| 대형 텍스트 (18pt / 14pt Bold 이상) |
2. 실무 UI/UX 접근성 개선 디자인 팁
자주 묻는 질문 (FAQ)
Q.18pt 이상 대형 텍스트(Large Text)의 정확한 정의는 무엇인가요?
W3C 기준 18pt(약 24px) 이상의 일반 폰트 크기이거나, 또는 14pt(약 18.5px) 이상의 볼드(Bold) 굵기 폰트를 의미합니다.
Q.아이콘이나 일반 UI 테두리도 명도 대비 기준을 지켜야 하나요?
네, 지켜야 합니다. WCAG 2.1 1.4.11(비텍스트 콘텐츠 대비) 지침에 따르면 중요한 의미를 전달하는 아이콘이나 입력 폼의 테두리는 최소 3.0:1 이상의 명도 대비를 갖추는 것이 권장됩니다.
Q.입력한 색상 조합 데이터가 서버에 저장되나요?
저장되지 않습니다. 본 검사기는 사용자의 브라우저 내에서만 수학 수식을 실행하므로 입력한 정보가 외부로 전송되지 않습니다.