사용 방법
필요한 값 입력
글자색과 배경색을 #123 또는 #123ABC 형식의 불투명 HEX 색상으로 입력합니다. 알파 투명도나 배경 이미지는 받지 않습니다.
계산 결과 확인
입력에 따라 결과가 갱신됩니다. sRGB 상대 휘도로 대비율을 구합니다. AA는 일반 글자 4.5:1·큰 글자 3:1, AAA는 일반 글자 7:1·큰 글자 4.5:1 이상입니다. 반올림 전 비율로 판정합니다.
결과 복사와 초기화
결과 복사 버튼으로 표시한 WCAG 대비율과 글자 미리보기 결과를 복사합니다. 초기화는 입력을 처음 상태로 되돌립니다. 입력과 결과는 주소나 브라우저 저장소에 기록하지 않습니다. 결과 복사는 버튼을 누를 때만 수행합니다.
주요 기능
- WCAG 대비율과 글자 미리보기
- 글자색과 배경색의 HEX 코드를 입력해 WCAG 글자 대비율을 확인합니다. 일반 글자와 큰 글자의 AA·AAA 기준을 각각 표시하고 선택한 색 조합을 예문으로 미리 보여 줍니다.
- 계산·변환 기준
- sRGB 상대 휘도로 대비율을 구합니다. AA는 일반 글자 4.5:1·큰 글자 3:1, AAA는 일반 글자 7:1·큰 글자 4.5:1 이상입니다. 반올림 전 비율로 판정합니다.
- 처리 범위와 구분
- 큰 글자는 18pt 이상 또는 굵은 14pt 이상을 뜻합니다. 글자 대비만 검사하며 페이지 전체의 WCAG 준수나 아이콘·입력 테두리의 대비를 판정하지 않습니다.
색상 대비 검사기 입력과 결과 읽기
글자색과 배경색을 #123 또는 #123ABC 형식의 불투명 HEX 색상으로 입력합니다. 알파 투명도나 배경 이미지는 받지 않습니다.
sRGB 상대 휘도로 대비율을 구합니다. AA는 일반 글자 4.5:1·큰 글자 3:1, AAA는 일반 글자 7:1·큰 글자 4.5:1 이상입니다. 반올림 전 비율로 판정합니다.
큰 글자는 18pt 이상 또는 굵은 14pt 이상을 뜻합니다. 글자 대비만 검사하며 페이지 전체의 WCAG 준수나 아이콘·입력 테두리의 대비를 판정하지 않습니다.
자주 묻는 질문
색상 대비 검사에 어떤 HEX 코드를 넣나요?
글자색과 배경색을 #123 또는 #123ABC 형식의 불투명 HEX 색상으로 입력합니다. 알파 투명도나 배경 이미지는 받지 않습니다.
WCAG AA와 AAA의 글자 대비율 기준은 무엇인가요?
sRGB 상대 휘도로 대비율을 구합니다. AA는 일반 글자 4.5:1·큰 글자 3:1, AAA는 일반 글자 7:1·큰 글자 4.5:1 이상입니다. 반올림 전 비율로 판정합니다.
큰 글자 기준과 검사 범위는 무엇인가요?
큰 글자는 18pt 이상 또는 굵은 14pt 이상을 뜻합니다. 글자 대비만 검사하며 페이지 전체의 WCAG 준수나 아이콘·입력 테두리의 대비를 판정하지 않습니다.
입력한 내용이나 생성 결과가 저장되나요?
입력과 결과는 주소나 브라우저 저장소에 기록하지 않습니다. 결과 복사는 버튼을 누를 때만 수행합니다.