색상 대비 검사기 — WCAG AA/AAA
두 색상의 WCAG 대비율을 계산하고 AA/AAA 통과 여부를 브라우저에서 확인합니다.
🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.
명암비—
도움이 됐나요? 눌러서 반응하기
이 도구 소개
이 검사기는 글자색과 배경색 사이의 WCAG 대비율을 계산하고, 그 조합이 일반 텍스트와 큰 텍스트에서 AA·AAA를 통과하는지 알려줍니다. 어느 색을 바꿔도 대비율과 통과·실패 배지가 실시간으로 갱신되어 접근성 높고 읽기 쉬운 배색을 빠르게 찾을 수 있습니다. 모두 브라우저에서 동작합니다.
자주 묻는 질문
WCAG를 통과하려면 어느 정도의 대비율이 필요한가요?
WCAG AA는 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1을 요구하고, AAA는 각각 7:1과 4.5:1을 요구합니다. 큰 텍스트는 대략 18pt, 굵게라면 14pt를 의미합니다. 대비율이 높을수록 밝은 곳이나 저시력 사용자를 포함해 누구에게나 읽기 쉽습니다.
AA를 통과하면 디자인이 완전히 접근성을 갖춘 건가요?
대비는 중요한 한 가지 요소이지만 전부는 아닙니다. AA 통과는 글자가 배경 위에서 읽기 쉽다는 뜻이며, 완전한 접근성은 글꼴 크기·포커스 상태·키보드 사용·대체 텍스트 등에도 달려 있으므로 이 도구는 빠르고 믿을 수 있는 대비 확인용으로 사용하세요.
입력한 데이터가 어딘가로 전송되나요?
아니요. 대비는 브라우저에서 계산되므로 테스트한 색이 어디로도 전송되지 않습니다.