무료 도구

WCAG 명암비 체커

WCAG AA와 AAA 기준으로 색 명암비를 확인. 통과하는 원클릭 수정 — 일반 텍스트, 큰 텍스트, UI 컴포넌트 모두 지원.

텍스트 색상(전경)

배경 색상

—:1

대비 비율

미리보기 — 배경 위 텍스트

빠른 여우

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 작은 텍스트 대비를 확인하기 위한 14px 본문 텍스트입니다.

버튼

미리보기 — 바뀜

빠른 여우

같은 텍스트와 배경, 바뀜. 일부 색상 쌍은 한 방향으로만 작동합니다.

버튼

빠른 수정 — 가장 가까운 통과 색상

WCAG 대비에 대해

AA는 대부분의 관할 구역의 법적 표준입니다: 일반 텍스트는 4.5:1, 큰 텍스트(18pt 이상 또는 14pt 굵게)는 3:1.
AAA는 "강화"입니다: 일반 7:1, 큰 4.5:1. 가능하면 본문 텍스트에서 이를 목표로 하세요.
UI 컴포넌트(버튼, 폼 경계, 아이콘)는 인접 색상에 대해 3:1이 필요합니다 — 큰 텍스트와 동일.
색상만의 의미를 주의하세요. 색상을 아이콘, 밑줄 또는 레이블과 짝지어 색맹 사용자도 신호를 받도록 하세요.
Apple HIG와 Material 모두 앱의 텍스트에 최소 4.5:1을 요구합니다 — 이를 충족하지 못하면 App Store 접근성 검토 플래그로 알려져 있습니다.

LaunchShots는 에디터에 내장된 대비 힌트가 함께 제공됩니다 — 시도해 보세요.