색상 대비 검사기 (WCAG)
텍스트/배경 색의 WCAG AA·AAA 대비를 실시간 비율과 합격/불합격 뱃지, 미리보기로 확인합니다. 브라우저 처리.
다람쥐 헌 쳇바퀴에 타고파. The quick brown fox.
큰 제목 미리보기
14.68:1
대비 비율
AA — 일반 텍스트 ✓ 통과AAA — 일반 텍스트 ✓ 통과AA — 큰 텍스트 ✓ 통과AAA — 큰 텍스트 ✓ 통과
🔒 브라우저에서 검사합니다. 큰 텍스트 = 18pt 이상(또는 굵은 14pt 이상). 기준: AA 4.5 / AAA 7(일반), AA 3 / AAA 4.5(큰 텍스트).
접근성을 위한 색상 대비 검사
텍스트 색과 배경 색을 고르면 정확한 WCAG 대비 비율, 일반/큰 텍스트 기준 AA·AAA 합격 여부, 실시간 미리보기를 볼 수 있습니다. 공식 WCAG 2.1 상대 휘도 공식으로 브라우저에서 계산합니다.
기준의 의미
WCAG는 일반 텍스트에 최소 4.5:1(AA), 7:1(AAA)을 요구합니다. 큰 텍스트(18pt 이상, 또는 굵은 14pt 이상)는 3:1(AA) 또는 4.5:1(AAA)이면 됩니다.
자주 묻는 질문
큰 텍스트 기준은 무엇인가요?
최소 18pt(약 24px), 굵은 글씨라면 14pt(약 18.66px) 이상을 큰 텍스트로 봅니다.
어떤 공식을 쓰나요?
브라우저 개발자 도구와 접근성 검사기가 쓰는 것과 같은 WCAG 2.1 상대 휘도 공식입니다.
투명도도 처리하나요?
네. 글자색에 알파(#1f2937cc 같은 8자리 hex, rgba() 또는 hsla())가 있으면 배경 위에 먼저 합성한 뒤 그 색으로 대비를 계산하므로 실제로 보이는 값이 나옵니다. 배경은 불투명으로 간주합니다.