개발·디자인 86

색상 대비 검사기

두 HEX 색상의 WCAG 대비율과 AA·AAA 텍스트 기준을 확인합니다.

입력

입력은 브라우저에서 처리합니다. 새로고침하면 사라집니다.

결과

값을 입력하거나 예시를 불러온 뒤 결과를 확인하세요.

WCAG 2의 일반 텍스트 AA 4.5:1, AAA 7:1과 큰 글자 AA 3:1을 표시합니다. 전체 접근성 준수 판정은 아닙니다.

계산·변환 기준

두 HEX 색상의 WCAG 대비율과 AA·AAA 텍스트 기준을 확인합니다.

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

입력 예시

검정과 흰색 = 21:1

사용 방법

  1. 글자 HEX, 배경 HEX 항목을 입력하세요.
  2. 결과 확인하기를 누르고 아래 결과를 확인하세요.
  3. 필요하면 결과 복사로 가져갈 수 있습니다.

자주 묻는 질문

어떤 기준으로 결과가 나오나요?

대비율 = (밝은 상대휘도+0.05)/(어두운 상대휘도+0.05). WCAG 2의 일반 텍스트 AA 4.5:1, AAA 7:1과 큰 글자 AA 3:1을 표시합니다. 전체 접근성 준수 판정은 아닙니다.

입력한 내용은 저장되나요?

이 도구의 입력과 결과는 페이지 메모리에서 처리하며 저장하거나 URL·통계 이벤트에 넣지 않습니다. 새로고침 전에 필요한 결과를 복사하세요.

계산 기준 확인: · 오류 제보