색상 입력
전경색과 바로 뒤의 배경색을 HEX로 입력합니다.
FREE WCAG COLOR CONTRAST CHECKER
무료 WCAG 색상 대비 검사기
글자색과 배경색이 읽기 쉬운 조합인지 WCAG 2.2 기준으로 바로 확인하세요.
입력한 색상과 결과는 서버로 전송되거나 저장되지 않습니다.
- 1색상 입력
- 2대비 확인
- 3결과 복사
1 · 색상 입력
비교할 색상을 선택하세요
색상 선택기 또는 3·6자리 HEX 값을 사용할 수 있습니다.
2 · 대비 확인
WCAG 2.2 대비 결과
대비율—
- AA 일반 글자4.5:1 이상—
- AA 큰 글자3:1 이상—
- AAA 일반 글자7:1 이상—
- AAA 큰 글자4.5:1 이상—
- UI 구성요소3:1 이상—
3 · 결과 복사
실제 색상 미리보기
일반 글자 미리보기 — 본문과 설명이 읽기 쉬운지 확인하세요.
큰 글자 미리보기불투명 단색 sRGB 기준입니다. 투명도, 그라디언트, 이미지와 전체 페이지 적합성은 검사하지 않습니다.
무료 색상 접근성 가이드
색 두 개로 읽기 쉬운 조합을 확인하세요
회원가입이나 설치 없이 WCAG 2.2 대비 기준을 무료로 계산합니다.통과 기준 확인
일반·큰 글자와 UI의 AA·AAA 결과를 따로 확인합니다.
실제 미리보기
사용할 크기의 글자와 구성요소가 눈에 잘 보이는지 함께 확인합니다.
WCAG 대비 기준 이해하기
하나의 대비율을 용도별 기준과 비교합니다
글자 크기와 적합성 수준에 따라 필요한 최소 대비가 달라집니다.
일반 글자 4.5:1
WCAG AA 일반 글자는 최소 4.5:1 대비가 필요합니다.
큰 글자 3:1
큰 글자는 AA 기준 3:1부터 통과합니다.
UI도 3:1
식별에 필요한 컨트롤과 그래픽은 인접 색과 3:1이 필요합니다.
FREE WCAG COLOR CONTRAST CHECKER FAQ
색상 대비 검사기 자주 묻는 질문
무료 이용, WCAG 기준과 검사 범위를 확인하세요.1색상 대비 검사기는 무료인가요?
네. 회원가입과 이용 횟수 제한 없이 무료로 사용할 수 있습니다.
2AA와 AAA는 무엇이 다른가요?
AAA가 더 높은 대비를 요구합니다. 일반 글자는 AA 4.5:1, AAA 7:1 이상이어야 합니다.
3큰 글자는 어느 정도 크기인가요?
WCAG에서 큰 글자는 일반 굵기 약 24px 이상 또는 굵은 글자 약 18.66px 이상을 뜻합니다.
4이 결과로 사이트 전체가 WCAG를 통과하나요?
아니요. 이 도구는 두 불투명 단색의 대비만 계산합니다. 실제 인접 색, 모든 상태, 이미지와 다른 접근성 기준은 별도로 확인해야 합니다.