명암비 검사기

두 색의 명암비를 재고 본문·큰 글씨·화면 요소에 대해 WCAG AA 와 AAA 를 만족하는지 알려 줍니다.

브라우저에서만 처리무료 이용

글자색

배경색

미리보기

보통 크기의 본문 글씨입니다

큰 글씨

파일은 서버로 전송되지 않고 브라우저에서만 처리됩니다.

가입도 설치도 없이, 사용 횟수 제한도 없이 무료로 쓸 수 있습니다.

글자색과 배경색을 넣으면 명암비와 판정이 함께 갱신되고, 미리보기가 두 글자 크기로 그 조합을 보여 줍니다.

WCAG 는 대상마다 기준이 다릅니다. 본문은 AA 가 4.5:1, AAA 가 7:1 입니다. 큰 글씨 — 18pt 또는 굵은 14pt — 는 각각 3:1 과 4.5:1 입니다. 테두리·아이콘 같은 화면 요소는 3:1 입니다.

명암비는 반올림하지 않고 버림합니다. 4.499 를 4.50 으로 올려 보여 주면 떨어진 조합이 통과한 것처럼 보입니다. 반올림 방향이 답을 바꾸는 유일한 지점입니다.

기준에 못 미치면 대안 색을 제안합니다. 검정이나 흰색으로 밀어 버리지 않고 원래 색의 밝기만 옮겨 기준을 넘는 가장 가까운 색을 찾으므로, 디자인의 색조가 유지됩니다.

색은 16진 표기(세 자리 축약 포함)나 rgb() 로 쓸 수 있습니다.

입력한 값은 서버로 전송되지 않습니다. 브라우저 안에서만 계산됩니다.