색상 대비 검사기
전경색과 배경색을 입력하면 WCAG 2.1 기준 대비율을 계산합니다. 일반 텍스트와 큰 텍스트에 대한 AA(4.5:1) 및 AAA(7:1) 통과 여부와 실시간 미리보기를 즉시 확인하세요.
전경색과 배경색 HEX를 입력해 대비비를 계산하고 일반적인 WCAG AA·AAA 텍스트 기준과 비교합니다.
색상 대비 확인 방법
- 전경색과 배경색 HEX를 입력하거나 컬러 피커로 선택합니다.
- 미리보기와 계산된 대비비를 확인합니다.
- AA와 AAA의 일반 텍스트·큰 텍스트 통과 여부를 확인합니다.
계산 방식
sRGB 채널을 상대 휘도로 변환한 뒤 밝은 색과 어두운 색의 표준 대비비를 계산합니다.
AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1, AAA는 일반 7:1, 큰 텍스트 4.5:1 임계값을 사용합니다.
개인정보와 제한
계산은 브라우저 로컬에서 수행됩니다. 입력한 두 색만 평가하며 실제 페이지의 글자 크기·굵기·투명도·그라디언트·이미지·포커스 상태 등은 검사하지 않습니다.
Contrast Checker 자주 묻는 질문
어떤 색상 형식을 받나요?
3자리 또는 6자리 HEX를 받습니다.
최대 대비비는 얼마인가요?
검정과 흰색 조합이 약 21:1입니다.
AA를 통과하면 페이지 전체가 접근성 기준을 통과하나요?
아니요. 대비는 접근성 요구사항 중 하나일 뿐입니다.
글자가 큰지 자동으로 판단하나요?
아니요. 일반/큰 텍스트 기준을 함께 보여줍니다.
색상 데이터가 업로드되나요?
아니요. 로컬 계산입니다.