디자인 도구
색상 대비 검사기
WCAG 접근성 준수를 위한 색상 대비율을 검사합니다
전경색
배경색
미리보기 제목
선택한 색상 조합으로 가독성을 확인하기 위한 샘플 본문 텍스트입니다.
16px
큰 텍스트(≥18px 또는 ≥14px 볼드)는 낮은 대비가 필요합니다.
대비율
14.18:1
일반 텍스트 (<18px)
AA (4.5:1)AAA (7:1)
큰 텍스트 (≥18px / ≥14px bold)
AA (3:1)AAA (4.5:1)
UI 컴포넌트
AA (3:1)
WCAG 정보
WCAG 2.1 Level AA: 일반 텍스트 최소 4.5:1, 큰 텍스트 3:1.
WCAG 2.1 Level AAA: 일반 텍스트 강화 7:1, 큰 텍스트 4.5:1.
색상 대비 검사기이란?
WCAG 접근성 준수를 위한 색상 대비율을 검사합니다
색상 대비 검사기은(는) 브라우저에서 직접 작동하는 무료 온라인 도구입니다. 설치나 회원가입이 필요 없습니다. 모든 처리가 기기에서 로컬로 이루어져 데이터가 안전하게 보호됩니다.
왜 색상 대비 검사기을(를) 사용해야 할까요?
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓WCAG 2.1 AA 및 AAA 레벨 확인
- ✓실시간 대비율 계산
- ✓배경 위 텍스트 미리보기
- ✓색상 조정 제안
- ✓큰 텍스트 vs 일반 텍스트 기준
- ✓색상 선택기 통합
자주 묻는 질문
좋은 대비율은 얼마인가요?
WCAG AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1을 요구합니다. AAA는 일반 텍스트 7:1을 요구합니다.