색상 대비 확인
글자색과 배경색을 고르고 WCAG 대비 비율과 통과 기준을 확인하세요.
사용 방법
- 전경색과 배경색을 입력합니다.
- 대비 비율과 WCAG AA/AAA 참고 기준을 확인합니다.
- 필요한 결과를 복사합니다.
입력한 색상값은 서버로 보내지 않고 브라우저에서만 계산합니다.
WCAG 대비 비율 읽는 방법
대비 비율은 1:1부터 21:1 사이로 표시됩니다. 숫자가 클수록 전경색과 배경색의 밝기 차이가 크지만, 통과 여부는 글자 크기와 용도에 따라 달라집니다.
- 일반 텍스트 AA: 4.5:1 이상
- 큰 텍스트 AA와 UI·그래픽 참고 기준: 3:1 이상
- 일반 텍스트 AAA: 7:1 이상
- 큰 텍스트 AAA: 4.5:1 이상
예를 들어 #111827 글자색과 #ffffff 배경색은 약 17.74:1입니다. 기준을 통과해도 글자 굵기, 실제 크기, 비활성 상태와 포커스 표시까지 함께 확인해야 전체 접근성을 판단할 수 있습니다.