색상 및 디자인
대비 검사기 (WCAG)
무료 WCAG 대비 검사기입니다. 두 색상 간의 대비를 확인하고 일반 텍스트 및 큰 텍스트에 대한 AA/AAA 통과/실패 여부를 확인하세요. 접근성 좋은 디자인 및 a11y를 위해.
Runs in your browser
Contrast checker (WCAG)
The quick brown fox
jumps over the lazy dog · 14px sample
Ratio
17.85:1
AA · normal
Pass
AA · large
Pass
AAA · normal
Pass
AAA · large
Pass
편집자 노트
Understanding · Designing for the eye on the bus.
이 심층 챕터는 현재 영어로만 제공됩니다. 위의 변환 도구는 귀하의 언어로 작동하지만, 긴 설명 글은 아직 번역되지 않았습니다.
자주 묻는 질문
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
사람들이 다음도 검색합니다.
Use with
What people reach for next.
관련 도구