색상 대비 검사기 무료 온라인: WCAG AA AAA 접근성 확인
29 회 사용샘플 텍스트
The quick brown fox jumps over the lazy dog. 0123456789
15.39:1
대비 비율
접근성 팁
WCAG 대비 비율
AA: 일반 텍스트 4.5:1, 큰 텍스트 3:1. AAA: 7:1과 4.5:1.
AA와 AAA 준수
녹색 = 준수, 빨간색 = 미준수.
샘플 텍스트
선택한 색상으로 텍스트 미리보기. 가독성 확인.
자주 묻는 질문
어떤 대비 비율이 필요하나요?
WCAG AA: 일반 4.5:1, 큰 텍스트 3:1. AAA: 7:1과 4.5:1. AA 충족이 최소 권장.
WCAG란?
웹 콘텐츠 접근성 지침 — 시각 장애인을 위한 국제 웹 접근성 표준.
대비를 어떻게 높이나요?
텍스트를 어둡게 하거나 배경을 밝게(또는 반대). 밝은 회색+흰색 같은 조합 피하기.
이미지 배경 위의 텍스트를 테스트할 수 있나요?
아니요, 이 도구는 단색 조합에만 작동합니다. 이미지의 경우 다른 소프트웨어가 필요합니다. 해당 영역의 스크린샷을 찍고 스포이드 도구로 텍스트 아래에서 가장 밝은 픽셀과 가장 어두운 픽셀을 샘플링하세요. 두 가지를 텍스트 색상과 비교해 테스트합니다. 하나라도 실패하면 텍스트 뒤에 반투명 오버레이를 추가하는 걸 고려해보세요 — 검은색에 불투명도 40%가 자주 효과적입니다.
대비 검사 방법
- 텍스트 색상(전경) 선택
- 배경 색상 선택
- 대비 비율 즉시 계산
- WCAG AA/AAA 준수 표시
- 샘플 텍스트 미리보기