색상 대비율 계산기

접근성을 위해 두 색상의 대비율을 확인합니다.

사용 방법

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

이 계산기 정보

이 계산기는 (L1 + 0.05) / (L2 + 0.05)를 이용해 두 색 사이의 WCAG 대비율을 계산합니다. 여기서 L1과 L2는 각각 밝은 색과 어두운 색의 상대 휘도로, WCAG의 감마 보정 휘도 공식을 통해 sRGB 채널 값으로부터 구합니다. 결과는 1:1(동일한 색)에서 21:1(흰색 위의 순수한 검은색)까지의 범위이며, 웹 콘텐츠 접근성 지침(WCAG)의 기준과 비교해 확인합니다. AA 등급에서는 일반 텍스트가 4.5:1, 큰 텍스트가 3:1이고, 더 엄격한 AAA 등급에서는 각각 7:1과 4.5:1입니다.

웹 디자이너, 프런트엔드 개발자, 접근성 감사 담당자는 저시력자나 색각 이상이 있는 사용자를 위해 텍스트와 UI 요소가 법적 기준과 사용성 측면의 접근성 표준(WCAG 2.1, ADA, Section 508 준수)을 충족하는지 확인하는 데 이를 사용합니다. 두 개의 16진수 색상을 입력하면 대비율과 통과/실패 여부를 확인할 수 있습니다.

Was this helpful?

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

Comments (0)

  • Be the first to comment.

인기 계산기

모든 계산기