색상 대비 검사기

이 도구란?

전경(텍스트)과 배경 색상 조합이 WCAG 2.1 접근성 대비 표준을 충족하는지 확인합니다. 대비율을 즉시 확인하고 AA 및 AAA 준수 수준에 대한 통과/실패 결과를 확인하세요.

사용 방법

1. 전경(텍스트) 색상의 16진수 값을 선택하거나 입력하세요.
2. 배경 색상의 16진수 값을 선택하거나 입력하세요.
3. 실시간 미리보기와 각 WCAG 수준에 대한 통과/실패 결과를 확인하세요.

주요 활용 사례

• 디자인을 출시하기 전 텍스트와 배경 색상 선택이 접근성 가이드라인을 충족하는지 검증
• 버튼, 링크, 본문 텍스트에 읽기 쉬운 색상 조합 선택
• 기존 웹사이트나 앱의 접근성 준수 여부 감사

활용 팁

• AA(4.5:1)는 대부분의 웹사이트가 일반 텍스트에 충족해야 하는 최소 표준입니다.
• 큰 텍스트(18pt 이상 또는 굵은 14pt 이상)는 낮은 대비에서도 읽기 쉬우므로 요구되는 비율이 더 낮습니다.