색상 대비 확인

두 색을 고르면 대비 비율과 AA·AAA 통과 여부, 그리고 실제로 어떻게 보이는지까지 나옵니다. 획이 촘촘해서 낮은 대비에서 더 읽기 힘든 일본어 텍스트도 포함됩니다.

도구를 불러오는 중…

작동 방식

  1. 전경색과 배경색을 고르거나 16진수 값을 붙여 넣으세요.
  2. 대비 비율과 네 가지 통과·실패 결과를 확인하세요.
  3. 본문 기준인 4.5:1을 통과할 때까지 조정하세요.

왜 아무것도 업로드되지 않는가

이 페이지가 하는 모든 작업은 브라우저 탭 안에서 도는 코드가 처리합니다. 웹 페이지를 그리는 그 엔진을 그대로 씁니다. 파일은 디스크에서 탭의 메모리로 읽어 들여 거기서 변환한 뒤 다시 다운로드 파일로 내보냅니다. 어디로도 전송되지 않습니다. 우리에게도, 제3자에게도.

직접 확인해 보세요

  1. 브라우저 개발자 도구(F12)를 열고 네트워크(Network) 탭을 선택합니다.
  2. 파일을 올리고 도구를 실행합니다.
  3. 보이는 요청은 도구 자체의 코드를 받아 오는 것뿐입니다. 무거운 몇몇 도구는 공개 CDN에서 오픈소스 엔진을 함께 받아 옵니다. 여기에 loreatec.jp로 가는 작은 방문 집계 신호 하나(페이지 주소와 제목, 그 이상은 없습니다)가 더해집니다. 어느 것도 당신의 파일을 실어 나르지 않습니다.

직접 확인하기 →

자주 묻는 질문

저에게 적용되는 기준은 어느 것인가요?

일반 본문은 4.5:1, 24px 이상(굵게는 19px 이상)인 큰 글자와 입력창 테두리·아이콘 같은 인터페이스 요소는 3:1, AAA 등급은 7:1입니다. 하나만 기억해야 한다면 4.5를 기억하세요.

기준은 통과했는데 여전히 읽기 힘들어 보입니다.

대비 비율은 글자 굵기나 크기, 자간을 재지 않습니다. 4.5:1이라도 가늘고 밝은 글꼴은 실제로 불편할 수 있습니다. 숫자만이 아니라 눈으로도 판단할 수 있도록 미리보기 패널을 함께 두었습니다. 특히 일본어는 작은 크기의 빽빽한 한자가 공식이 요구하는 것보다 더 높은 대비를 필요로 합니다.