색상 대비 검사기
전경색과 배경색 간 WCAG 색상 대비 비율을 검사합니다.
Aa
The quick brown fox jumps over the lazy dog
0123456789 !@#$%^&*()
Contrast Ratio
WCAG AA
WCAG AAA
How to Use
- 1
Enter the foreground (text) color and the background color as HEX values or use the color pickers.
- 2
View the calculated contrast ratio and whether it passes WCAG AA and AAA standards.
- 3
Adjust colors until the desired accessibility level is achieved.
Features
WCAG 2.0 Compliant
Calculates contrast ratios using the official WCAG 2.0 relative luminance formula.
AA & AAA Pass/Fail
Shows pass or fail for both WCAG AA (4.5:1) and AAA (7:1) levels for normal and large text.
Color Picker Support
Use the visual color picker or enter HEX values to set foreground and background colors.
Live Preview
See a live text preview rendered with your chosen colors to visualize the actual contrast.
FAQ
WCAG 대비 요구사항은?
AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1이 필요합니다. AAA는 일반 7:1, 큰 텍스트 4.5:1이 필요합니다.
대비 비율은 어떻게 계산되나요?
WCAG 2.0 상대 휘도 공식을 사용하여 인간의 색상 인식을 고려해 계산합니다.