Studio NFP

색상 대비 접근성 체커


텍스트 색상과 배경 색상의 명도 대비를 WCAG 기준으로 확인해보세요.

색상 선택
미리보기 & 결과
큰 텍스트 미리보기 Aa
일반 본문 텍스트는 이렇게 보입니다. The quick brown fox.
21.00 : 1
명도 대비 (Contrast Ratio)
알아두기
  • WCAG(웹 콘텐츠 접근성 지침)는 AA(권장)와 AAA(고급) 두 단계로 명도 대비 기준을 정의합니다.
  • 큰 텍스트는 18pt(24px) 이상 또는 굵게 14pt(18.66px) 이상인 텍스트를 뜻하며, 기준이 조금 더 관대합니다.
  • 일반적인 본문 텍스트는 최소 AA 기준(4.5:1) 이상을 맞추는 것을 권장합니다.
  • 버튼, 배너, 강조 문구 등 눈에 잘 띄어야 하는 요소일수록 더 높은 대비를 사용하세요.