색상 대비 확인
색상 대비 검사기
텍스트와 배경 색상을 입력해 WCAG AA / AAA 대비를 실시간 계산하세요.
대비를 통과해도 모든 크기, 굵기, 상황이 자동으로 접근성을 갖는 것은 아닙니다
전경 및 배경
두 색상을 먼저 확인하고 사용하세요
WCAG 상대 휘도 공식으로 대비를 실시간 계산합니다.
대비 결과
14.25:1이 문장은 본문을 쉽게 읽을 수 있는지 확인합니다. Aa 안녕 123
일반 텍스트 AA통과 · ≥ 4.5
큰 텍스트 AA통과 · ≥ 3.0
일반 텍스트 AAA통과 · ≥ 7.0
처리 방식과 제한
색상환의 거리가 아니라 상대 휘도를 비교합니다
두 색상을 선형 RGB로 바꿔 상대 휘도를 계산하고 밝은 색과 어두운 색에서 1:1~21:1 비율을 구합니다.
일반 본문 AA는 4.5:1, 큰 텍스트는 3:1이 필요합니다. 크기, 굵기, 줄 간격, 실제 화면 환경도 가독성에 영향을 줍니다.
대비 = (밝은 색 상대 휘도 + 0.05) ÷ (어두운 색 상대 휘도 + 0.05).
자주 묻는 질문
색상 대비 검사기 · 자주 묻는 질문
AA와 AAA의 차이는?
AAA가 더 엄격합니다. 일반 텍스트는 AA 4.5:1, AAA 7:1, 큰 텍스트는 3:1과 4.5:1입니다.
큰 텍스트 기준은?
일반적으로 보통 글씨 24px 이상 또는 굵은 글씨 약 18.66px 이상이며 실제 글꼴과 플랫폼도 확인해야 합니다.
빨강과 초록이 달라 보여도 실패하는 이유는?
색상이 달라도 휘도 차이가 부족할 수 있습니다. 상태에는 텍스트나 도형도 함께 사용하세요.