🔍 색상 대비 검사기

텍스트와 배경 색상의 대비율을 계산하고 WCAG 접근성 기준을 검사합니다.

텍스트 색상

배경 색상

제목 텍스트 (18pt 이상)

본문 텍스트입니다. 이 텍스트는 배경과의 대비가 충분한지 확인합니다. WCAG 2.1 기준으로 일반 텍스트는 4.5:1 이상의 대비율이 필요합니다.

작은 텍스트 (12pt)

—

대비율 (Contrast Ratio)

WCAG 2.1 기준

AA 일반: 대비율 4.5:1 이상 (본문 텍스트) | AA 대형: 3:1 이상 (18pt 이상 또는 굵은 14pt) | AAA: 7:1 이상 (일반) / 4.5:1 이상 (대형)

📖 사용방법

색상 값과 선택한 이미지는 현재 브라우저의 Canvas·색상 계산 기능으로 처리합니다.

전경색과 배경색의 WCAG 접근성 대비 비율을 검사합니다. AA/AAA 기준 통과 여부를 확인합니다.

밝은 화면과 어두운 화면, 모바일 기기에서도 확인하고 글자색은 WCAG 대비 결과까지 함께 점검하세요.

모니터, 브라우저와 색상 프로필에 따라 실제 표시색이 달라질 수 있습니다. 인쇄물은 별도의 CMYK 교정 과정이 필요합니다.

기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31