색상 대비 검사기
접근성을 위한 WCAG 색상 대비 비율 확인. 텍스트와 배경색의 AA/AAA 준수 여부 검증.
큰 텍스트 미리보기
작은 본문 텍스트 미리보기 — 사용자가 읽게 될 텍스트입니다.
17.40
대비 비율
WCAG 2.1 결과
✓일반 텍스트 AA (4.5:1)
✓큰 텍스트 AA (3:1)
✓일반 텍스트 AAA (7:1)
✓큰 텍스트 AAA (4.5:1)
AA Normal: 일반 텍스트 최소 대비 (18pt/14pt 볼드 미만)
AAA Normal: 일반 텍스트 강화 대비 — 가독성 최고
AA Large: 큰 텍스트 최소 대비 (18pt 이상 또는 14pt 이상 볼드)
사용 방법
접근성을 위한 WCAG 색상 대비 비율 확인. 텍스트와 배경색의 AA/AAA 준수 여부 검증.
- 1색상 선택기 또는 hex 입력을 사용하여 전경(텍스트) 색상을 입력하거나 선택하세요.
- 2같은 방법으로 배경 색상을 입력하거나 선택하세요.
- 3도구가 대비 비율을 계산하고 즉시 표시합니다.
- 4일반 텍스트, 큰 텍스트, UI 구성 요소에 대한 WCAG AA 및 AAA 합격/불합격 배지를 확인하세요.
- 5필요한 WCAG 기준을 충족할 때까지 색상을 조정하세요.
주요 기능
- 임의의 두 색상 사이의 WCAG 2.1 대비 비율 계산
- 텍스트 크기에 따른 AA 및 AAA 수준의 합격/불합격 상태 표시
- 정밀한 색상 선택을 위한 색상 선택기 및 hex/RGB 입력
- 버튼을 클릭하지 않고 색상을 조정하면 즉각적인 피드백 제공