대비 검사기

사용 방법

1. 왼쪽 색상 입력을 사용하여 전경색을 입력하거나 선택하세요.
2. 오른쪽 색상 입력을 사용하여 배경색을 입력하거나 선택하세요.
3. 명도 대비 비율과 일반 텍스트(AA는 4.5:1 필요), 큰 텍스트(AA는 3:1 필요), UI 컴포넌트(3:1)에 대한 WCAG 2.1 통과/실패 배지를 읽으세요.
4. 스왑 버튼을 클릭하여 색상을 반대로 하고 양방향을 확인하세요.

예제

• 전경 #767676, 배경 #ffffff는 4.48:1 비율을 생성하며, 일반 텍스트의 AA는 실패하지만 큰 텍스트는 통과합니다.
• 전경 #000000과 #ffffff는 21:1을 제공하며, AAA를 포함한 모든 WCAG 2.1 수준을 통과합니다.