도구 · 접근성
색 대비 검사기
글자색과 배경색의 명도 대비비를 계산하고 WCAG AA·AAA 기준 충족 여부를 확인합니다. 모든 값은 WCAG 2.x 공식으로 계산한 결과이며 주관적 평가는 포함하지 않습니다.
큰 글씨 미리보기 Aa 가나다
본문 크기 미리보기입니다. 글자색과 배경색의 대비를 실제 화면에서 확인하세요. ABCabc 0123
13.43: 1
명도 대비비 (WCAG 2.x · 최대 21:1)
본문 (일반 텍스트)
✓ AA 4.5:1✓ AAA 7:1
큰 글씨 (18.66px+ bold · 24px+)
✓ AA 3:1✓ AAA 4.5:1
디자인뉴스 토큰 조합으로 시작
WCAG 대비 기준
WCAG(웹 콘텐츠 접근성 지침)는 텍스트와 배경의 최소 명도 대비비를 다음과 같이 정의합니다. 대비비는 1:1(동일)부터 21:1(검정·흰색)까지의 값입니다.
- 본문 (일반 텍스트)AA 4.5:1 · AAA 7:1
- 큰 글씨 (18.66px+ bold · 24px+)AA 3:1 · AAA 4.5:1
폰트 선택과 함께 색 대비를 점검하면 화면 가독성을 높일 수 있습니다. 한글 폰트 아카이브에서 굵기별 미리보기를 함께 확인하세요.