화장품 색상 컨트라스트 체커
Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.
HEX/RGB/HSL
HEX/RGB/HSL
모든 것이 브라우저에서 로컬로 진행됩니다.
Live Text 예보
큰 헤딩 (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 대조 비율을 계산하고 일반적인 텍스트 크기 결과를 표시합니다.
- 입장
- 2개의 유효한 CSS 색상 및 선택된 사전 보기 텍스트.
- 출력
- WCAG AA 및 AAA 통과 또는 실패 지표와의 대조 비율.
- 실제 제한
- 계산은 빛의 대조만 다루며, 글꼴 순서, 움직임, 초점 또는 색이 아닌 링크를 위한 인터페이스 또는 계정을 인증하지 않습니다.
- 개인정보 및 데이터 처리
- 이 브라우저 탭에서 2개의 유효한 CSS 색상과 선택된 사전 보기 텍스트가 처리됩니다.Converter는 수신하거나 저장하지 않습니다; 페이지를 닫거나 다시 업로드하면 도구가 명시적으로 현지 다운로드를 제공하지 않는 한 작업 상태가 정해집니다.
이 도구를 어떻게 사용해야 하는지
- 2개의 유효한 CSS 색상과 도구 컨트롤에서 선택된 사전 보기 텍스트를 제공합니다.
- WCAG AA 및 AAA 통과 또는 실패 지표와의 대조 비율을 영향을 미치는 설정을 선택한 다음 도구를 실행합니다.
- WCAG AA 및 AAA가 통과하거나 실패한 지표와의 대조 비율을 복사하거나 다운로드하기 전에 검토합니다.
일반적인 실패 모드
무효 색상은 측정할 수 없으며, 해결 된 배경이없는 투명성은 비율을 의미가 없게 만들 수 있습니다.
유용한 예제
#fffff에 #1f2937 텍스트를 비교하여 정상 및 큰 텍스처의 비율을 검토합니다.