콘텐츠로 건너뛰기

색상 접근성 검사기 — WCAG 대비 및 색맹 시뮬레이션

색상 조합을 접근성 표준에 따라 테스트할 수 있는 무료 WCAG 2.1 대비 검사기입니다. Level AA 및 AAA 준수 여부로 텍스트 가독성을 확인할 수 있으며, 포용적인 웹 디자인에 필수적입니다.

사용 방법

1

컬러 피커 또는 HEX/RGB 입력으로 전경색과 배경색을 선택하세요.

2

실시간 텍스트 미리보기와 WCAG AA/AAA 준수 결과를 확인하세요.

3

색맹 시뮬레이션 스트립에서 각 CVD 유형이 색상을 어떻게 인식하는지 확인하세요.

4

검사 실패 시 제안된 대안을 클릭하여 즉시 색상 쌍을 수정하세요.

5

대량 팔레트 모드로 디자인 시스템 팔레트의 모든 조합을 검사하세요.

색상 쌍의 WCAG 대비 준수 여부와 색맹 구별 가능성을 확인하세요

두 가지 색상을 선택하여 대비율과 색맹 가시성을 확인하세요.
전경색
배경색
큰 텍스트 (18pt+)
제목 미리보기
일반 텍스트 (16px)
다람쥐 헌 쳇바퀴에 타고파.
본문 미리보기 — 사용자가 실제 콘텐츠에서 이 색상 조합을 보게 될 모습입니다.
WCAG 2.1 대비
AA: 일반 텍스트 4.5:1, 대형 텍스트 3:1 필요. AAA: 7:1 / 4.5:1 필요.
12.63:1
AA 일반 통과
AA 대형 통과
AAA 일반 통과
AAA 대형 통과
색맹 시뮬레이션
다양한 색각 결함을 가진 사람들에게 색상 쌍이 어떻게 보이는지 확인하세요.
대안 제안
WCAG AA를 통과하고 모든 CVD 유형에서 구별 가능한 접근성 높은 색상 대안입니다.
대량 팔레트 검사
3~10개의 HEX 색상을 줄바꿈 또는 쉼표로 구분하여 입력하면 모든 쌍을 검사합니다.
게시일 업데이트
미디어 엔진 로딩 중…
완료! 파일이 기기에 저장되었습니다.
오프라인 상태입니다. 캐시된 도구를 사용할 수 있습니다.