명암비 검사기
WCAG AA 및 AAA 접근성을 위한 무료 온라인 색상 명암비 검사기. 텍스트와 배경 색상을 입력하여 준수 여부를 즉시 확인하세요.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
사용 방법
- 텍스트 색상을 HEX 코드(예: #333333)로 입력하거나 색상 선택기를 사용해 선택합니다.
- 배경 색상도 같은 방법으로 입력합니다.
- 확인 버튼을 클릭하면 대비 비율이 즉시 계산됩니다.
- 결과를 확인하여 WCAG AA 또는 AAA 기준을 충족하는지 검토합니다.
- 원하는 접근성 수준에 도달할 때까지 필요에 따라 색상을 조정합니다.
예시
입력: 텍스트 색상: #1a1a1a, 배경 색상: #ffffff
결과: 대비 비율: 19.32:1 — 일반 텍스트 및 큰 텍스트에 대해 WCAG AA 및 AAA 통과
자주 묻는 질문
색상 대비 비율은 두 색상 간의 상대적 밝기 차이를 나타내는 수치입니다. 1:1(대비 없음)부터 21:1(흑백 최대 대비)까지의 범위를 가집니다. 높은 대비는 저시력 사용자를 포함한 모든 사용자가 텍스트를 더 쉽게 읽을 수 있게 합니다.
WCAG AA는 일반 텍스트에 최소 4.5:1, 큰 텍스트(18pt 이상 또는 14pt 굵게)에 최소 3:1의 대비 비율을 요구합니다. AAA는 더 엄격하여 일반 텍스트에 7:1, 큰 텍스트에 4.5:1이 필요합니다.
아니요, 모든 처리는 브라우저 내에서 클라이언트 측으로 수행됩니다. 입력한 색상 값이나 기타 어떠한 데이터도 서버로 전송되지 않습니다. 개인 정보는 완전히 보호됩니다.
한국의 한국형 웹 콘텐츠 접근성 지침(KWCAG)은 WCAG를 기반으로 하며, 공공기관 웹사이트에는 준수가 의무화되어 있습니다. 색상 대비 기준도 포함되어 있어 이 도구를 활용하면 한국 기준 충족 여부도 확인할 수 있습니다.
네, HEX 코드, RGB 값, 시각적 색상 선택기 모두 지원합니다. 익숙한 형식을 사용하여 정확한 대비 비율을 계산할 수 있습니다.