색상 대비 검사기
대비율은 이 탭 안에서 계산합니다. 업로드 없음.
대비
일반 텍스트는 16px에서 이렇게 보입니다.
큰 텍스트 24px
5.79:1
WCAG 2 대비: AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1. AAA는 7:1과 4.5:1. 비텍스트는 3:1.
이 도구 사용법
글자색과 배경색 조합을 WCAG 2 AA·AAA 기준으로 검사합니다. 업로드 없음.
대비 검사기 열기
예시로 크림 바탕에 분홍 글자 조합이 들어 있습니다. 오른쪽에 텍스트 샘플 아래 대비율과 통과/미달 행이 보입니다.
색상 입력
글자색과 배경색을 16진수로 입력하거나 색상 선택기로 고르세요. 「바꾸기」로 두 색을 서로 바꿉니다.
미달 조합 고치기
일반 텍스트가 AA에 미달하면 표 아래에 통과하는 가장 가까운 글자색을 제안합니다. 복사로 대비율과 결과를 클립보드에 넣습니다.
자주 묻는 질문
대비율이 무엇인가요?
글자색과 배경색의 상대 휘도를 1:1(같은 색)부터 21:1(흰 바탕에 검정)까지의 척도로 비교한 값입니다. WCAG 2에서 정의합니다.
업로드되나요?
아니요. 대비율은 이 탭 안에서 계산합니다.
어느 비율이 필요한가요?
WCAG AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1을 요구합니다. AAA는 7:1과 4.5:1입니다. 아이콘, 테두리, 폼 요소는 3:1(비텍스트 대비)이 필요합니다.
큰 텍스트란 무엇인가요?
18pt(24px) 이상 보통 굵기, 또는 14pt(약 18.7px) 이상 굵은 글씨입니다.
제안은 어떻게 정하나요?
일반 텍스트가 AA를 못 넘기면 글자색을 검정이나 흰색 중 도움이 되는 쪽으로 한 단계씩 옮겨 4.5:1에 닿는 색을 찾습니다. 색상은 최대한 유지합니다.