🎯WCAG 색상 대비 검사

글자색·배경색의 명도 대비비를 계산하고 WCAG AA/AAA 기준 통과 여부를 알려줍니다. 디자인 접근성 검수에 사용하세요.

🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요

사용 방법

기준이 뭐예요?+

WCAG 2.1에서 일반 텍스트는 AA 4.5:1, AAA 7:1. 큰 텍스트(18pt 이상)는 AA 3:1, AAA 4.5:1입니다.

AA vs AAA 차이?+

AA는 표준 권장, AAA는 더 엄격한 기준입니다. 정부·공공기관은 보통 AA를 의무로 합니다.

왜 디자인에 중요한가요?+

시각장애·노안·색약·저조도 환경(야외 햇빛)에서 가독성을 보장합니다. 일반 사용자에게도 편안한 화면이 됩니다.

회색 글자에 흰 배경이 왜 안 좋아요?+

디자인은 깔끔해 보이지만 대비가 낮아 시각 약자가 읽기 어렵습니다. 본문 텍스트는 #767676 이상 대비 필요.

한국에서 법적 의무인가요?+

공공기관·정부 사이트는 '장애인차별금지법'과 'KS X 6385' 기준으로 접근성 의무 적용. 민간도 사회적 책임으로 권장됩니다.

색맹 디자인도 별도로 확인?+

본 도구는 명도 대비만 봅니다. 색맹 시뮬레이션이 필요하면 별도 도구·디자이너 도구(Figma 플러그인 등)를 쓰세요.