색상 대비 검사기
【특전】 WCAG AA 및 AAA 텍스트 대조 opaque hex 색상. 쌍을 미리보기, 스왑 색상, 더 높은 텍스트 대안을 적용.
Contrast 보고서
Color contrast report
Text: #777777 Background: #ffffff Contrast ratio: 4.4781:1
- AA · normal text: Fail (requires 4.5:1)
- AA · large text: Pass (requires 3:1)
- AAA · normal text: Fail (requires 7:1)
- AAA · large text: Fail (requires 4.5:1)
Large text: at least 24 CSS px, or approximately 18.67 CSS px when bold. This checks opaque sRGB text contrast only, not overall accessibility.
내보내기 텍스트는 영어로 유지되며, 입력한 내용은 그대로 보존됩니다.
가입 없음. AI 크레딧 없음. 이 도구는 브라우저에서 출력을 조립합니다.
뭔가 유용한 아이디어에서.
- 01
텍스트와 배경 색상을 입력합니다.
- 02
계산된 비율과 정상 또는 큰 원본 문턱을 검토하십시오.
- 03
제안 된 텍스트 색상을 시도하고 결과를 수출하십시오.
약간의 맥락.
Contrast 비율 사용 WCAG opaque sRGB 색깔을 위한 관계되는 루멘 공식. AA 정상적인 텍스트는 4.5 : 1 및 AA 큰 텍스트는 3 : 1을 요구합니다. 일반적으로 큰 텍스트는 적어도 24 의미 CSS 픽셀, 또는 약 18.67 CSS 대담한 픽셀. 원시 비율은 돌기 전에 결과를 결정합니다. 이것은 색상 검사, 접근성 감사는 아닙니다.
좋은 질문.
투명 색상을 입력할 수 있습니까?
아니요.opaque 3 또는 6 자리의 hex 값을 사용하십시오. 측정하기 전에 최종 배경에 합성 투명한 색상.
통과 비율은 내 페이지가 접근 할 수 있습니까?
아니요.키보드 항법, semantics, 초점, 읽기 쉬운 sizing 및 다른 필요조건은 아직도 시험을 필요로 합니다. 도구는이 텍스트 / 배경 쌍 만 평가합니다.