🌗 색상 대비 검사기

전경색과 배경색의 WCAG 명암비를 계산해 일반·큰 텍스트의 AA·AAA 접근성 통과 여부를 알려 주는 도구입니다. 실제 글자 미리보기를 함께 보여 줘, 디자이너와 개발자가 가독성과 웹 접근성을 점검할 때 유용합니다.

사용 방법

1. 전경색(글자)과 배경색을 색상 선택기나 HEX(#RRGGBB)로 입력하세요.
2. 계산된 명암비와 AA·AAA 통과 배지를 확인하세요.
3. 실제 텍스트 미리보기로 가독성을 눈으로 검증하세요.
4. 통과하지 못하면 색을 조금씩 조정해 4.5:1 이상을 맞추세요.

자주 묻는 질문

AA와 AAA는 무엇인가요?

WCAG 웹 접근성 등급입니다. 일반 텍스트는 AA 4.5:1·AAA 7:1, 큰 텍스트는 AA 3:1·AAA 4.5:1 이상의 명암비를 요구합니다. 본문에는 최소 AA를 권장합니다.

'큰 텍스트' 기준은 무엇인가요?

18pt(약 24px) 이상이거나, 14pt(약 18.7px) 이상 굵은 글씨를 큰 텍스트로 봅니다. 큰 텍스트는 더 낮은 명암비도 통과할 수 있습니다.

입력한 색상이 서버로 전송되나요?

아니요. 명암비 계산은 전부 브라우저에서 처리되며, 색상 값은 서버로 전송되거나 저장되지 않습니다.