본문으로 건너뛰기
CHOBACO / LAB
web-tools / design

색상 대비 계산기

전경과 배경색의 상대 휘도 기반 대비율을 계산하고 텍스트를 미리 봅니다.

색상 조합

—

sRGB 상대 휘도로 계산합니다. 일반 텍스트 AA 4.5:1, 큰 텍스트 AA 3:1, 일반 텍스트 AAA 7:1 기준의 수치 비교이며 전체 접근성 인증이 아닙니다.

글자색 대비 검사 사용 방법

글자색과 배경색의 WCAG 상대 휘도 대비율을 계산하고 AA·AAA 기준을 비교합니다.

  1. 도구의 입력란에 필요한 값을 입력합니다.
  2. 계산 또는 실행 버튼을 누르거나 실시간 결과를 확인합니다.
  3. 결과를 검토하고 필요한 곳에 활용합니다.

사용 예시

본문 글자색 #172238과 흰색 배경의 대비율을 확인해 읽기 쉬운 조합을 선택할 수 있습니다.

자주 묻는 질문

입력한 데이터가 서버에 저장되나요?

아니요. 이 도구의 계산은 브라우저 안에서 처리되며 입력값을 CHOBACO 서버로 전송하지 않습니다.

결과 사용 시 주의할 점은 무엇인가요?

수치 비교는 색상 대비 기준 확인용이며 전체 웹 접근성 인증을 의미하지 않습니다.

관련 무료 도구