색상 대비 검사기
WCAG 2.1 접근성 가이드라인에 따라 색상 대비 비율을 검사합니다. 일반 텍스트와 큰 텍스트의 AA 및 AAA 준수를 테스트합니다.
매개변수
텍스트 또는 요소 색상.
비교할 배경색.
결과
두 색상의 명암비
다른 결과 (6)
일반 텍스트(18pt 또는 14pt 굵은체 미만)는 WCAG AA 요구 사항을 충족합니다.
큰 텍스트(18pt+ 또는 14pt+ 굵은 글씨)는 WCAG AA 요구 사항을 충족합니다.
일반 텍스트는 더욱 엄격한 WCAG AAA 요구 사항을 충족합니다.
큰 텍스트는 더욱 엄격한 WCAG AAA 요구 사항을 충족합니다.
Relative luminance of #000000
Relative luminance of #FFFFFF
색상 대비 검사기을 선택하는 이유
색상 대비 검사기는 WCAG 2.1 지침에 따라 전경색과 배경색 간의 대비율을 테스트합니다. 색상 조합이 일반 텍스트와 큰 텍스트 모두에 대해 AA 및 AAA 규정을 통과하는지 즉시 확인하세요.
- ✓WCAG 2.1 상대 휘도 공식을 사용하여 명암비를 계산합니다.
- ✓4가지 WCAG 규정 준수 수준을 모두 테스트합니다. 일반 텍스트 및 큰 텍스트의 경우 AA/AAA
- ✓두 색상의 상대 휘도 값을 표시합니다.
- ✓간편한 색상 선택을 위해 색상 선택기 입력을 사용합니다
사용 방법
- 1색상 선택기를 사용하여 전경(텍스트) 색상을 선택하세요.
- 2색상 선택기를 사용하여 배경색을 선택하세요.
- 3즉시 표시되는 명암비 보기
- 4일반 텍스트와 큰 텍스트에 대한 WCAG AA 및 AAA 통과/실패 결과를 확인하세요.
- 5조합이 필요한 수준을 통과할 때까지 색상을 조정합니다.
자주 묻는 질문 (FAQ)
웹접근성을 위한 좋은 명암비는 무엇인가요?
WCAG 2.1에서는 일반 텍스트(AA 수준)의 경우 4.5:1, 큰 텍스트의 경우 3:1의 최소 명암비가 필요합니다. AAA 규정을 준수하려면 일반 텍스트에는 7:1이 필요하고 큰 텍스트에는 4.5:1이 필요합니다. 흰색 바탕에 검은색(21:1)이 가능한 최대 대비입니다.
WCAG에서 "큰 텍스트"로 간주되는 것은 무엇입니까?
WCAG는 큰 텍스트를 최소 18pt(24px) 또는 14pt(18.66px)의 굵게로 정의합니다. 큰 텍스트는 낮은 대비율에서 읽기 쉽기 때문에 대비 요구 사항이 더 낮습니다.
명암비는 어떻게 계산되나요?
The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.
이 도구는 색맹 접근성을 확인합니까?
이 도구는 색각 장애가 있는 사용자를 포함하여 모든 사용자에게 도움이 되는 휘도 기반 대비를 확인합니다. 그러나 특정 유형의 색맹을 시뮬레이션하지는 않습니다. 색맹 테스트를 위해서는 전용 색맹 시뮬레이터를 사용하세요.
법적으로 요구되는 최소 명암비는 얼마입니까?
많은 접근성 규정(ADA, 섹션 508, EN 301 549)에서는 WCAG 2.1 레벨 AA를 표준으로 참조하고 있으며 일반 텍스트의 경우 4.5:1이 필요합니다. 많은 국가의 정부 및 교육 웹사이트는 법적으로 이 수준을 충족해야 합니다.
신뢰할 수 있는 참고 자료
관련 도구
동일한 작업 환경에서 유용한 도구를 추가로 탐색해 보세요.
