Color Contrast Checker
NEWRGB: 30, 41, 59
RGB: 248, 250, 252
Large Text Preview (24px)
Normal text preview. The quick brown fox jumps over the lazy dog. 0123456789
Small text preview. All processing runs locally in your browser.
13.98
Contrast Ratio · Excellent
AA Normal TextPASS
Required: 4.5:1
AA Large TextPASS
Required: 3:1
AAA Normal TextPASS
Required: 7:1
AAA Large TextPASS
Required: 4.5:1
Common Pairs to Test
색상 대비 검사기 사용 가이드
전경색과 배경색의 대비율을 WCAG 2.1 기준으로 검사합니다. 웹 접근성을 준수하여 모든 사용자가 콘텐츠를 읽을 수 있도록 하세요.
왜 색상 대비가 중요한가요?
색상 대비가 부족하면 저시력자, 색각이상자, 밝은 환경의 모바일 사용자가 텍스트를 읽기 어렵습니다. WCAG 기준을 충족하면 접근성과 사용성이 모두 향상됩니다.
AA vs AAA 등급
AA는 최소 기준(일반 4.5:1, 큰 텍스트 3:1)이고, AAA는 강화 기준(일반 7:1, 큰 텍스트 4.5:1)입니다. 대부분의 웹사이트는 AA 준수를 목표로 합니다.
FAQ
Related Tools
🎨Color Picker
HEX, RGB, HSL converter🌈CSS Gradient
Visual gradient builder🎨Color Palette
Color harmony generator✏️SVG Editor
Edit & optimize SVG