무료 색상 대비 검사기
WCAG 2.1 접근성 표준에 따라 색상 대비 비율을 테스트합니다. 텍스트 가독성을 위한 AA 및 AAA 준수를 확인합니다. 무료, 즉시, 비공개.
색상 대비 검사기는 상대 휘도 공식을 사용해 임의의 전경/배경 색상 쌍을 WCAG 2.1 AA·AAA 기준에 맞춰 검사합니다. 대비 비율, 텍스트 크기 및 UI 구성요소별 통과/실패, 실시간 미리보기, 적색맹·녹색맹·청색맹 시뮬레이션을 보여줍니다. 실패한 쌍에는 통과 가능한 대체색을 제안합니다. 모든 처리는 브라우저 안에서. FreeToolHub 제작.
| 일반 텍스트 | 큰 텍스트 | |
|---|---|---|
| WCAG AA | ✓ 통과 4.5:1 비율 필요 | ✓ 통과 3:1 비율 필요 |
| WCAG AAA | ✓ 통과 7:1 비율 필요 | ✓ 통과 4.5:1 비율 필요 |
| UI 구성 요소 | ✓ 통과 3:1 비율 필요 (WCAG 2.1) | |
자주 묻는 질문
색상 대비 비율이란 무엇인가요?
대비 비율은 두 색상 간의 인지된 밝기 차이를 측정하며, 1:1(대비 없음)에서 21:1(최대 대비, 흰색 위의 검은색)까지의 비율로 표현됩니다. WCAG 상대 휘도 공식을 사용하여 계산됩니다.
WCAG 준수에 필요한 대비 비율은 무엇인가요?
WCAG AA는 일반 텍스트의 경우 최소 4.5:1, 큰 텍스트(18pt 또는 14pt 굵게)의 경우 3:1의 대비 비율을 요구합니다. WCAG AAA는 일반 텍스트의 경우 7:1, 큰 텍스트의 경우 4.5:1을 요구합니다. UI 구성 요소는 WCAG 2.1에서 최소 3:1이 필요합니다.
WCAG에서 "큰 텍스트"란 무엇인가요?
큰 텍스트는 일반 두께에서 18포인트(24px) 이상, 또는 굵게에서 14포인트(약 18.66px) 이상으로 정의됩니다. 큰 텍스트는 본질적으로 읽기 쉽기 때문에 대비 요구 사항이 낮습니다.
색상 대비가 접근성에 중요한 이유는 무엇인가요?
남성 약 12명 중 1명, 여성 약 200명 중 1명이 어떤 형태의 색각 이상을 가지고 있습니다. 낮은 대비의 텍스트는 저시력이나 색각 이상이 있는 사람들에게 읽기 어렵거나 불가능합니다. 적절한 대비는 모든 사람이 콘텐츠를 읽을 수 있도록 보장합니다.
이 도구는 색상 선택을 저장하나요?
아니요. 모든 것이 브라우저에서 로컬로 실행됩니다. 색상, 결과 또는 데이터가 서버로 전송되거나 저장되지 않습니다. 개인정보가 완전히 보호됩니다.
색상 제안 기능은 어떻게 작동하나요?
색상 쌍이 WCAG 수준을 통과하지 못하면, 도구는 원래 색조와 채도를 유지하면서 HSL 색 공간의 밝기를 조정하여 통과할 수 있는 가장 가까운 색상을 자동으로 계산합니다. 더 어두운 전경과 더 밝은 배경을 모두 제안합니다.