색상 대비 검사기

색상 대비 검사기 소개

색상 대비 검사기(Color Contrast Checker)는 텍스트 색상과 배경 색상 사이의 WCAG 대비 비율을 측정한 뒤, 일반 텍스트, 큰 텍스트, UI 구성 요소에 대해 AA 및 AAA 접근성 등급으로 평가합니다. 색상을 조정할 때마다 비율과 모든 통과/실패 판정이 실시간으로 업데이트됩니다.

실제와 같은 미리보기 패널이 선택한 조합으로 제목, 본문, 작은 글씨, 버튼, 링크를 렌더링하므로 추상적인 스와치가 아니라 실제 콘텐츠로 가독성을 판단할 수 있습니다. 조합이 실패하면 도구는 AA 기준인 4.5:1에 도달하는 가장 가까운 접근 가능한 텍스트 색상을 제안하며 클릭 한 번으로 적용할 수 있습니다.

계산은 WCAG 2.x 상대 휘도 공식을 따르며 전적으로 브라우저에서 실행됩니다. 아무것도 업로드되지 않으며 검사는 무료입니다. 접근성 검토나 풀 리퀘스트에 붙여넣을 수 있는 비율 및 등급의 간결한 텍스트 보고서도 복사할 수 있습니다.

색상 대비 검사기 사용 방법

1. 피커나 값 입력으로 텍스트 색상과 배경 색상을 설정하세요.
2. 일반 텍스트, 큰 텍스트, UI 구성 요소에 대한 대비 비율과 AA/AAA 결과를 확인하세요.
3. 실시간 미리보기를 살펴보며 선택한 색상으로 실제 제목, 문단, 버튼, 링크가 어떻게 보이는지 확인하세요.
4. 조합이 실패하면 제안된 접근 가능한 텍스트 색상을 적용하거나 두 색상을 서로 바꾸세요.
5. "보고서 복사"를 클릭해 비율과 준수 결과를 공유하세요.

자주 묻는 질문