🌓 명도대비 검사
글자색·배경색 조합의 대비 비율을 계산하고 실제 문장으로 가독성을 미리 확인합니다.
사용 방법
- 글자색을 선택합니다.
- 배경색을 선택합니다.
- 대비 비율과 판정 등급, 실제 문장 미리보기를 확인합니다.
이럴 때 유용해요
- 블로그 스킨·PPT에서 글자가 잘 안 읽힌다는 피드백을 받았을 때
- 회색 계열 본문 텍스트가 너무 연한 건 아닌지 점검할 때
- 배너·썸네일 문구 색을 정하기 전에 미리 검증할 때
알아두면 좋은 팁
- 대비 비율은 1:1(같은 색)부터 21:1(흰 바탕 검정 글자)까지입니다. 본문은 4.5:1 이상을 권장합니다.
- 연한 회색 본문이 유행이지만 #999 이하로 내려가면 흰 배경에서 대비 2.8:1로 뚝 떨어져 읽기 힘들어집니다.
- 정확한 WCAG AA·AAA 등급 판정이 필요하면 'WCAG 명도 대비 검사기' 도구를 사용하세요.
자주 묻는 질문
대비 비율은 어떻게 계산되나요?
두 색의 상대 휘도(relative luminance)를 구해 (밝은 값+0.05)÷(어두운 값+0.05)로 계산합니다. W3C가 정의한 국제 표준 공식 그대로 구현되어 있어 다른 검사 도구와 동일한 값이 나옵니다.
몇 대 1이면 충분한가요?
본문 크기 글자는 4.5:1 이상, 18pt 이상 큰 글자나 굵은 14pt 이상은 3:1 이상이면 접근성 기준(AA)을 만족합니다. 7:1 이상이면 저시력 사용자까지 배려한 최고 수준(AAA)입니다.
흰 배경에 회색 글자, 어디까지 괜찮나요?
흰색(#fff) 배경 기준으로 #767676이 정확히 4.54:1로 AA 통과 하한선입니다. 그보다 밝은 #999, #aaa 등은 본문용으로 부적합하고 보조 캡션 정도에만 쓰는 것이 안전합니다.
색은 예쁜데 대비가 낮게 나오면 어떻게 고치나요?
색상(Hue)은 유지한 채 글자색의 밝기만 낮추거나 배경 밝기를 올리는 것이 가장 쉽습니다. 채도를 조금 낮추고 밝기 차를 키우면 분위기를 거의 해치지 않고 대비를 확보할 수 있습니다.
