Skip to main content
DevTools24

색상 대비 검사기

웹 접근성을 위한 WCAG 색상 대비율을 확인합니다. AA 및 AAA 준수 수준을 위해 전경색과 배경색을 테스트합니다.

Sample Text

The quick brown fox jumps over the lazy dog.

Small text for WCAG testing

Contrast Ratio
21.00:1
Excellent

WCAG AA

Large Text (18pt+) Pass
Small Text Pass

WCAG AAA

Large Text (18pt+) Pass
Small Text Pass
WCAG Contrast Requirements:
  • AA Large Text: 3:1 minimum (18pt or 14pt bold)
  • AA Small Text: 4.5:1 minimum
  • AAA Large Text: 4.5:1 minimum
  • AAA Small Text: 7:1 minimum

WCAG Color Contrast - 기술 세부 정보

WCAG 2.1 requires minimum contrast ratios: 4.5:1 for normal text (AA), 7:1 for normal text (AAA), 3:1 for large text (AA), and 4.5:1 for large text (AAA). Large text is 18pt+ or 14pt+ bold.

명령줄 대안

# Using axe-core for automated testing
npx axe https://example.com

# Using Lighthouse
lighthouse https://example.com --only-categories=accessibility

참조

공식 사양 보기