Enter the text color and the background it sits on. Use solid sRGB HEX values for this check.
로컬 WCAG 대비 검사기
WCAG 기준으로 색상 대비를 확인하세요.
전경색과 배경색을 테스트하고 대비 비율과 일반·큰 텍스트의 AA/AAA 통과 여부를 확인합니다.
* 계산은 이 브라우저에서 처리됩니다. 색상을 업로드하거나 저장하지 않습니다.
로컬 WCAG 대비 검사기
Make accessibility part of the color decision
Read the ratio and AA/AAA results for normal and large text. The live sample makes the pair easier to judge.
Test links, focus states, icons, and components in their actual context before release.
FAQ
What does ContrastBox check?
Does ContrastBox upload my colors?
No. The WCAG relative luminance calculation happens in this browser tab.
What do AA and AAA mean?
They are WCAG conformance levels. ContrastBox shows the thresholds for normal and large text.
Is this a complete accessibility audit?
No. It checks color contrast for an opaque foreground/background pair. Other accessibility requirements still need review.