만들기 · ◐

색상 대비 검사기

글자색과 배경색의 명도 대비를 계산하고 WCAG AA·AAA 통과 여부를 확인합니다.

바로 사용하기기기 안에서 계산
읽기 쉬운가요?USEOYO · Aa 123

GUIDE · 2026-07-22

색상 대비 검사기 사용 방법

디자인 색상이 실제로 읽기 쉬운지 작은 글자와 큰 글자 기준으로 검사하세요. 이 페이지는 ‘대비율 = (밝은 색 상대휘도+0.05) ÷ (어두운 색 상대휘도+0.05)’ 기준으로 결과를 계산하며, 본문 글자색 접근성 검사 같은 상황에서 사용할 수 있습니다. 입력값은 회원가입 없이 현재 브라우저에서 바로 처리됩니다.

처리 기준

대비율 = (밝은 색 상대휘도+0.05) ÷ (어두운 색 상대휘도+0.05)

대부분의 처리는 입력값을 서버로 전송하지 않고 현재 브라우저 안에서 이뤄집니다. 중요한 금융·계약 결정에는 공식 자료를 함께 확인하세요.

이럴 때 유용해요

  • 본문 글자색 접근성 검사
  • 버튼 텍스트 대비 확인
  • 브랜드 색상 조합 비교

자주 묻는 질문

AA와 AAA의 차이는 무엇인가요?

일반 글자 기준 AA는 4.5:1, AAA는 7:1 이상을 요구합니다.

큰 글자의 기준은 무엇인가요?

WCAG 기준으로 보통 24px 이상 또는 굵은 18.66px 이상을 큰 글자로 봅니다.