Graphite Pixel

색상 명암비 확인

두 HEX 색상의 명암비를 계산하고 WCAG AA·AAA 텍스트 기준을 확인합니다.

Aa 가나다

배경 위에서도 글자가 또렷하게 읽혀야 합니다.

15.91

: 1

AA 일반 글자통과
AA 큰 글자통과
AAA 일반 글자통과
AAA 큰 글자통과

WCAG 2.2 대비 기준을 사용하며 판정할 때 비율을 반올림하지 않습니다. 큰 글자는 24px 이상 또는 약 18.7px 이상의 굵은 글자를 뜻합니다. 색상 대비만 검사합니다. W3C

사용 방법

전경과 배경의 HEX 색상을 입력합니다.

반올림 전 비율로 판정한 통과 여부를 확인합니다.

미리보기를 확인하고 일반 글자와 큰 글자 기준을 비교합니다.

자주 묻는 질문

어떻게 사용하나요?

전경과 배경의 HEX 색상을 입력합니다. 반올림 전 비율로 판정한 통과 여부를 확인합니다. 미리보기를 확인하고 일반 글자와 큰 글자 기준을 비교합니다.

어떤 비율을 확인하나요?

WCAG AA는 일반 글자에 4.5:1, 큰 글자에 3:1을 요구합니다. AAA는 일반 글자에 7:1, 큰 글자에 4.5:1을 요구합니다.

이 결과로 페이지 접근성을 보장하나요?

두 불투명 sRGB 색상의 명암비만 비교합니다. 글자 크기·굵기·포커스·이미지와 다른 접근성 요건은 별도로 확인해야 합니다.

입력한 내용이 업로드되나요?

도구 입력은 브라우저에서 처리합니다. 광고의 별도 요청은 개인정보처리방침에서 설명합니다.