대비 검사기

WCAG 2.1 가이드라인에 따라 색상 대비율을 즉시 확인하세요. 텍스트가 읽기 쉽고 디자인이 모든 사람에게 접근 가능한지 확인하세요. 무료이며 사용하기 쉽습니다.

How to Use

색각 이상이 있는 사람들(남성의 약 12명 중 1명, 여성의 200명 중 1명)과 저시력자들이 콘텐츠를 사용할 수 있도록 만드세요.

좋은 대비는 특히 어두운 화면이나 밝은 햇빛 아래에서 모든 사람의 가독성을 향상시킵니다.

일반 텍스트는 4.5:1, 큰 텍스트는 3:1이 필요합니다. 대부분의 웹사이트의 표준 목표입니다.

일반 텍스트는 7:1, 큰 텍스트는 4.5:1이 필요합니다. 심각한 시력 손실이 있는 사용자를 위한 향상된 접근성입니다.

이 대비 검사기는 전적으로 브라우저에서 실행됩니다. 서버로 데이터가 전송되지 않습니다.

대비 검사기은 원본을 준비하고, 필요한 처리를 한 뒤, 공유 전 결과를 확인하는 반복 가능한 흐름에서 가장 유용합니다.

대비 검사기은 다음 작업에 적합합니다: WCAG 2.1 가이드라인에 따라 색상 대비율을 즉시 확인하세요. 텍스트가 읽기 쉽고 디자인이 모든 사람에게 접근 가능한지 확인하세요. 무료이며 사용하기 쉽습니다. 무거운 데스크톱 앱 없이 브라우저 안에서 진행할 수 있습니다.

출력 결과를 미리 보고 원본과 비교한 뒤, 실제 공유나 게시 목적에 맞게 설정을 조정하세요.

이어지는 작업은 색상 도구 카테고리 안에서 계속 진행할 수 있습니다.

이미지나 화면에서 색상을 선택합니다.

아름다운 색상 팔레트를 만듭니다.

Word 문서에서 원본 이미지를 품질 손실 없이 추출합니다.

웹 접근성 및 색상 대비의 기본을 배우세요. WCAG 등급(AA vs. AAA)을 이해하고, 우리의 빠른 확인과 실용적인 수정 방법을 사용하여 모든 사람이 읽을 수 있는 UI를 만드세요.

색상 대비란 무엇이며 왜 중요한가요?

색상 대비는 전경색과 배경색 간의 밝기 차이입니다. 높은 대비는 시각 장애가 있는 사람들이 콘텐츠를 효과적으로 인식할 수 있도록 보장합니다.

로고도 이 표준을 충족해야 하나요?

아니요, WCAG 가이드라인은 로고나 브랜드 이름의 일부인 텍스트 및 순전히 장식용인 텍스트에 대한 예외를 제공합니다.

낮은 대비율을 어떻게 수정할 수 있나요?

밝기 차이를 늘리세요. 밝은 색을 더 밝게 하거나 어두운 색을 더 어둡게 만드세요. 실시간 미리보기를 사용하여 실험해 보세요.