WCAG 명도 대비 기준으로 AA·AAA 접근성 통과 여부를 즉시 확인하세요.
본문 텍스트는 이 정도 크기와 색으로 렌더링됩니다. 실제 콘텐츠에서도 이 조합이 편안하게 읽히는지 확인해 보세요.
자주 쓰는 조합 테스트
명도 대비(Contrast Ratio)는 두 색의 밝기 차이를 1:1(완전히 같음)부터 21:1(흰색과 검정)까지의 척도로 나타낸 값입니다. W3C의 WCAG 가이드라인은 저시력이나 색각이상이 있는 사용자도 텍스트를 편안하게 읽을 수 있도록 최소 대비 기준을 정해두었고, 여러 국가에서는 이 기준을 충족하는 것이 공공·상업 웹사이트의 법적 접근성 요건에 포함되기도 합니다. 위에서 글자색과 배경색을 입력하면 대비 수치와 함께 각 기준의 통과 여부를 바로 확인할 수 있어요.
AA는 웹 접근성의 기본 기준(일반 텍스트 4.5:1)이고, AAA는 그보다 더 엄격한 기준(7:1)입니다. 대부분의 공공기관 사이트는 AA를 요구하지만, AAA까지 맞추면 저시력 사용자에게 훨씬 안전한 결과를 줍니다.
글자가 크고 획이 굵으면 대비가 조금 낮아도 눈에 잘 들어오기 때문에, 18pt 이상이거나 14pt 굵은 글씨는 4.5:1이 아닌 3:1만 넘으면 통과합니다.
색상 자체보다는 글자색이나 배경색의 명도를 조정해 보세요. 색상 변환기에서 HSL 값의 L(명도)만 올리거나 낮추면 색감은 그대로 유지하면서 원하는 대비를 훨씬 쉽게 맞출 수 있습니다.