HesapHanem

색상 대비(WCAG) 검사기

색상 대비는 어떻게 확인하나요?

사용 방법

  1. 위 입력란에 값을 입력하세요.
  2. 계산을 누르면 결과가 즉시 표시됩니다.
  3. 공유 버튼으로 결과 링크를 복사하세요.

이 계산기 정보

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

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

도움이 되었나요?

최대 3개의 반응을 선택할 수 있습니다.

댓글

  • 첫 번째 댓글을 남겨 보세요.

인기 계산기

대출 계산기

월 상환액, 총 이자 및 완전한 상환 일정.

퍼센트 계산기

퍼센트 변화, 어떤 값의 퍼센트, 비율 계산.

할인 계산기

최종 가격, 절약 금액 및 할인 금액을 계산합니다.

BMI 계산기

키와 체중으로 체질량지수 계산 (미터법 또는 야드파운드).

나이 계산기

생년월일로부터 년·월·일 단위의 정확한 나이를 계산합니다.

복리 계산기

복리로 최종 금액과 발생 이자를 계산합니다.

모든 계산기