색상 대비(WCAG) 검사기

이 계산기 정보

이 도구는 전경색과 배경색 사이의 WCAG 명도 대비를 계산합니다. 각 색의 상대 휘도로 구하며 값은 1:1(완전히 같은 색, 대비 없음)부터 21:1(순백 위의 순흑)까지입니다. 그런 다음 그 비율을 공식 접근성 기준인 AA와 AAA에 대조합니다. AA는 4.5:1, AAA는 7:1을 요구하며, 표준은 큰 텍스트에 3:1이라는 더 낮은 기준도 허용하지만 이 도구는 이를 적용하지 않으며, 이를 통해 특정 글자와 배경 조합이 접근성 기준을 충족할 만큼 실제로 읽히는지 알려 줍니다.

색상 팔레트를 내보내기 전에 점검하는 웹 디자이너와 프런트엔드 개발자가 사용합니다. 대비가 낮은 텍스트는 가장 흔한 접근성 불만 중 하나이고, 일부 국가에서는 법적 접근성 요건을 충족하지 못하는 문제가 되기 때문입니다. 접근성 감사자도 웹사이트나 앱의 WCAG 준수를 검토할 때 같은 계산을 쓰며, 디자인 시스템은 아예 문제를 없애려고 AA를 통과하는 색 조합을 컴포넌트 라이브러리에 직접 넣어 두는 경우가 많습니다.