WCAG 색상 대비 검사기
WCAG 2.1 지침에 따라 텍스트와 배경색의 명암비를 평가합니다. 즉시 액세스 가능한 색상 조정을 생성합니다.
HEX/RGB/HSL
HEX/RGB/HSL
모든 것이 브라우저에서 로컬로 진행됩니다.
실시간 텍스트 미리보기
큰 제목 (18pt 굵게 / 24pt 보통)
이것은 큰 제목 텍스트 스타일의 미리보기입니다.
일반 텍스트 (18pt 미만)
Lorem ipsum dolor sit amet, consectetur adipiscing elite. 세드 벨 마사 lectus.
대비 비율
18.6:1
WCAG 2.1 준수 상태
WCAG AA 요구 사항
일반 텍스트 (4.5:1)
PASS
큰 텍스트 (3.0 : 1)
PASS
WCAG AAA 요구 사항
일반 텍스트 (7.0:1)
PASS
큰 텍스트 (4.5 : 1)
PASS
WCAG 2.1 지침
쉽게 대조 표준을 확인하여 섹션 508, ADA, WCAG AA 또는 AAA 지침을 준수하는 접근 가능한 인터페이스를 구축합니다.
제안 엔진
HSL 좌표를 따라 색상을 자동으로 조정하여 대비 비율 기준을 충족하는 가장 가까운 대안을 찾습니다.
완전히 클라이언트 측
계산은 브라우저 컨텍스트 내에서 로컬로 실행됩니다. 색상, 파일 또는 텔레메트리 좌표가 서버로 전송되지 않습니다.
관련 색상 도구
색상 대비 검사기
앞면 및 배경 색상에 대한 WCAG 대조 비율을 계산하고 일반적인 텍스트 크기 결과를 표시합니다.
- 입력
- 유효한 CSS 색상 2개와 선택적 미리보기 텍스트.
- 출력
- WCAG AA 및 AAA 통과 또는 실패 지표와의 대조 비율.
- 실제 제한
- 계산은 휘도 대비만 다룹니다. 인터페이스나 글꼴 렌더링, 움직임, 초점 또는 색상 이외의 단서를 인증하지 않습니다.
- 개인정보 및 데이터 처리
- 이 브라우저 탭에서 2개의 유효한 CSS 색상과 선택적 미리보기 텍스트가 처리됩니다. Convertr는 수신하거나 저장하지 않습니다. 도구가 명시적으로 로컬 다운로드를 제공하지 않는 한 페이지를 닫거나 다시 로드하면 작업 상태가 지워집니다.
이 도구를 어떻게 사용해야 하는지
- 2개의 유효한 CSS 색상과 도구 컨트롤에서 선택적 미리보기 텍스트를 제공합니다.
- WCAG AA 및 AAA 통과 또는 실패 지표와의 대비 비율에 영향을 미치는 설정을 선택한 다음 도구를 실행합니다.
- WCAG AA 및 AAA 통과 또는 실패 지표와의 대비 비율을 복사 또는 다운로드하기 전에 검토합니다.
일반적인 실패 모드
잘못된 색상은 측정할 수 없으며, 해결된 배경이 없는 투명도는 비율을 무의미하게 만들 수 있습니다.
유용한 예제
#ffffff에 #1f2937 텍스트를 비교하여 일반 및 큰 텍스트에 대한 비율을 검토합니다.