대비 검사기
대비와 접근성 확인하기
두 색상 간의 대비율을 WCAG AA 및 AAA 기준으로 테스트하고, 실패한 조합을 자동으로 고치고, 색각 이상이 있을 때 색상이 어떻게 보이는지 확인하세요.
전경 & 배경
3.54:1
대비율
빠른 수정
미리보기 제목
빠른 갈색 여우가 게으른 개를 뛰어넘습니다. 작은 본문 텍스트도 모든 사람이 읽을 수 있도록 동일한 대비 규칙을 충족해야 합니다.
큰 텍스트 (굵게, 16px)
색맹 시뮬레이터
FAQ
대비 검사기 질문
어느 정도의 대비율이 필요한가요?
WCAG AA는 일반 텍스트에 최소 4.5:1, 큰 텍스트(18pt 이상 또는 14pt 굵게)에 3:1을 요구합니다. AAA는 이를 각각 7:1과 4.5:1로 높입니다.
AA와 AAA 배지는 무엇을 의미하나요?
텍스트와 배경 조합이 일반 및 큰 텍스트에 대해 통과하는 가장 높은 WCAG 등급을 보여줍니다. 검사기는 색상을 조정하면 배지를 실시간으로 갱신합니다.
색맹 시뮬레이터는 무엇을 위한 건가요?
다양한 유형의 색각 이상을 가진 사람들에게 색상이 어떻게 보이는지 보여주므로, 어떤 의미도 색상에만 의존하지 않도록 할 수 있습니다.
도구가 실패한 대비를 자동으로 고칠 수 있나요?
네. 제안은 텍스트나 배경의 밝기를 조정해 원래 색상에 최대한 가까이 유지하면서 조합이 목표 비율을 충족하도록 합니다.