🌓
무료 WCAG Color Contrast Checker
Check whether two colors meet WCAG AA and AAA contrast standards for accessibility. Live preview at multiple text sizes with automatic suggestions when contrast is too low.
Runs in your browserNo sign-up, no pop-ups로그인 불필요영원히 무료
Large heading text
Medium body text (18px) for reading and content.
Normal body text (16px) for paragraphs.
Small body text (14px) for captions and metadata.
14.63:1
Contrast ratio
✓WCAG AA — Normal text
Requires 4.5:1 · You have 14.63:1
✓WCAG AA — Large text
Requires 3.0:1 · You have 14.63:1
✓WCAG AAA — Normal text
Requires 7.0:1 · You have 14.63:1
✓WCAG AAA — Large text
Requires 4.5:1 · You have 14.63:1
✓UI components / graphical objects
Requires 3.0:1 · You have 14.63:1
Quick presets
Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.
Optimize for your platform
사용 방법
1
입력
텍스트나 데이터를 입력하세요.
2
처리
브라우저에서 즉시 처리됩니다. 서버 없음, 대기 없음.
3
다운로드
결과를 저장하세요. 아무것도 저장되지 않습니다.
왜 저희 도구인가요?
✓Completely free — no hidden costs, ever
✓No account, email, or login required
✓Runs entirely in your browser — no uploads
✓Works on any device — phone, tablet, desktop
✓Open and ad-supported, with no tracking
✓Loads fast, with no installation needed
관련 도구
이 도구가 도움이 되었나요?