대비 검사

이 브라우저에서 처리

텍스트 한도: 2000000자

이 도구는 입력을 업로드하지 않습니다.

본문과 배경 HEX를 넣어 4.5:1 같은 비율을 봅니다. 한국형 웹 접근성 심사를 대신 통과시켜 주지 않습니다. 배색 생성기가 아닙니다.

블로그 버튼이 예쁜데 본문이 안 읽힐 때입니다. 이 페이지는 두 색의 대비율을 계산합니다.

배색을 새로 뽑으려면 색상 팔레트입니다. 캡처에서 색을 읽으려면 이미지에서 색 추출입니다.

숫자 읽는 법

WCAG 2는 일반 본문에 흔히 4.5:1, 큰 글자에 3:1을 말합니다. 큰 글자의 정의는 크기와 굵기에 달립니다. 이 페이지가 사이트 전체를 크롤하지 않습니다.

다크 모드에서 같은 비율이 다르게 느껴질 수 있습니다. APCA를 쓰지 않습니다.

사용 순서

  1. 글자색과 배경색을 넣습니다.
  2. 비율을 보고 실패하면 한쪽을 어둡게 하거나 밝게 합니다.
  3. 그라데이션 배경은 CSS 그라데이션에서 만든 뒤, 실제 겹치는 지점을 다시 재세요.

제한

  • 한국형 인증 대행이 아닙니다.
  • 색각 시뮬레이션이 없습니다.
  • 업로드하지 않습니다.

자주 묻는 질문

AA를 통과하면 법적 문제가 없나요?

숫자 힌트입니다. 인증·컨설팅이 아닙니다. 글자 크기·굵기에 따라 기준이 달라집니다.

그라데이션 위 글자도 한 번에 재나요?

한 쌍의 단색입니다. 그라데이션은 지점마다 다릅니다.

로고에서 색을 뽑아 주나요?

이미지에서 색 추출이 먼저입니다. 여기에는 숫자를 붙여 넣습니다.

APCA나 WCAG 3인가요?

흔히 쓰는 WCAG 2 명암비입니다. 알고리즘을 바꾸지 않습니다.

값이 업로드되나요?

아닙니다. 이 탭에서만 계산합니다.

관련 도구