design
무료
회원가입 불필요
색상 대비 검사기
전경/배경 색상 쌍에 대한 WCAG 2.1 대비 비율을 확인하고 즉시 통과/실패 결과를 얻으세요.
도구를 불러오는 중…
이 도구에 대해
16진수 색상 선택기 또는 텍스트 필드를 사용하여 전경 및 배경 색상을 입력하세요. 도구는 WCAG 2.1 대비 비율을 계산하고 네 가지 임계값에 대한 통과/실패 배지를 표시합니다: AA 일반 텍스트(4.5:1), AA 큰 텍스트(3:1), AAA 일반 텍스트(7:1), AAA 큰 텍스트(4.5:1). 라이브 미리보기는 선택한 색상으로 일반 및 큰 크기 모두에서 샘플 텍스트를 렌더링합니다. 각 색상의 상대 밝기도 표시됩니다. 현재 색상이 AA를 충족하지 않으면 도구가 표준을 충족하는 조정된 색상을 제안합니다.
사용 방법
- 1 색상 선택기를 사용하거나 16진수 값을 입력하여 전경 색상을 선택하세요.
- 2 같은 방식으로 배경 색상을 선택하세요.
- 3 대비 비율을 읽고 어떤 WCAG 레벨이 통과 또는 실패하는지 확인하세요.
- 4 라이브 텍스트 미리보기를 보고, AA 준수를 위해 필요한 경우 제안된 색상을 사용하세요.