Design Tools
색상 대비 검사기
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.
왜 색상 대비 검사기을(를) 사용해야 할까요?
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓WCAG 2.1 AA and AAA level checks
- ✓Real-time contrast ratio calculation
- ✓Text preview on background
- ✓Suggested color adjustments
- ✓Large text vs normal text standards
- ✓Color picker integration
자주 묻는 질문
좋은 대비율은 얼마인가요?
WCAG AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1을 요구합니다. AAA는 일반 텍스트 7:1을 요구합니다.