색상 대비 검사 (WCAG)

두 색상 사이의 WCAG 2.1 대비율을 측정하고 접근성 있는 텍스트를 위한 AA, AA Large, AAA 기준 통과 여부를 확인하세요. 전 과정이 브라우저 안에서 실행됩니다.

개인정보 우선: 모든 이미지는 브라우저에서 로컬로 처리됩니다. 어떤 것도 서버에 업로드, 저장 또는 전송되지 않습니다.

대비는 취향이 아니라 접근성 요건입니다

WCAG는 본문 텍스트가 배경과 일반 텍스트 4.5:1(AA), AAA는 7:1로 대비되기를 요구합니다 — 많은 조직에는 법적인 영역이죠. 이미지 위에 얹은 텍스트는 끊임없이 실패하는데, 디자이너는 이미지의 평균을 기준으로 대비를 판단하지만 사용자는 가장 밝은 부분을 기준으로 읽기 때문입니다.

실제 이미지를 기준으로 측정

텍스트 색을 고르고 이미지 자체에서 실제 배경을 샘플링하세요. 검사기가 비율을 계산해 일반 텍스트와 큰 텍스트에 대한 AA와 AAA 기준으로 등급을 매깁니다. 오버레이를 어둡게 하거나 텍스트를 밝게 해 실패를 고치고 — 통과할 때까지 다시 측정하세요. 모두 로컬이며 아무것도 업로드되지 않습니다.

자주 묻는 질문

분석을 위해 이미지가 업로드되나요?
아니요. 색상 추출, 히스토그램, 대비 검사는 모두 브라우저에서 로컬로 실행됩니다.
어떤 색상 정보를 얻을 수 있나요?
주요 색상, 헥스 코드와 비율이 담긴 복사 가능한 팔레트, 그리고 완전한 RGB·휘도 히스토그램입니다.
대비 검사기는 무엇에 쓰나요?
두 색상 간의 WCAG 2.1 대비 비율을 측정하고, 접근성 있는 텍스트를 위한 AA, AA Large, AAA 기준 통과 여부를 보여줍니다.
색상 코드를 복사할 수 있나요?
네. 아무 색상 견본이나 클릭하면 헥스 코드가 복사되며, 팔레트 전체를 한 번에 복사할 수도 있습니다.