WCAG 명암비 검사기

텍스트와 배경 색상 조합이 AA 및 AAA 접근성 수준을 충족하는지 확인합니다.

🔒 100% 비공개 ⚡ 파일 업로드 없음 🆓 무료, 제한 없음

두 색상의 명도 대비를 확인하는 방법

1

텍스트 색상과 배경 색상 선택

HEX 코드를 입력하거나 두 색상 모두에 대한 시각적 선택기를 사용합니다.

2

명도 대비 비율 확인

선택한 배경에서 텍스트의 계산된 비율과 미리보기를 즉시 확인할 수 있습니다.

3

WCAG AA 또는 AAA 준수 여부 확인

도구는 각 수준에서 일반 텍스트와 큰 텍스트 모두에 대해 색상 조합이 적합한지 표시합니다.

색상 대비에 관한 자주 묻는 질문

텍스트와 배경 간의 적절한 대비는 저시력자를 포함한 모든 사람이 콘텐츠를 읽을 수 있도록 하는 데 필수입니다. PDFDocks는 WCAG 표준에 따라 정확한 비율을 계산합니다.

AA와 AAA는 무엇을 의미하나요?

+

WCAG 접근성 지침의 두 가지 적합성 수준입니다. AA는 권장 최소 수준이고 AAA는 가장 엄격한 수준입니다.

어느 정도의 명도 대비가 필요한가요?

+

일반 텍스트는 최소 4.5:1(AA) 또는 7:1(AAA)이 권장되며, 큰 텍스트는 3:1(AA) 또는 4.5:1(AAA)입니다.

명도 대비가 중요한 이유는 무엇인가요?

+

대비가 부족하면 읽기가 어려워지며, 특히 시력이 약한 사람들이나 밝은 조명 환경에서 더욱 그렇습니다.

프로그램을 설치해야 하나요?

+

아니요, 설치할 필요가 없습니다. 브라우저에서 직접 작동합니다.

무료인가요?

+

네, 이 도구는 완전히 무료입니다.

전체 웹사이트 디자인 검토에 사용할 수 있나요?

+

특정 색상 조합을 확인하는 데 사용됩니다. 전체 웹사이트를 감시하려면 사용하는 모든 텍스트와 배경 색상 조합을 각각 검토해야 합니다.

색상 패밀리별로 탐색

469개 이상의 명명된 색상(HEX, RGB, HSL, CMYK 코드 포함)을 12개의 색조 패밀리로 정렬하여 확인하세요.

빨간색 50 주황색 45 갈색 40 노란색 40 녹색 55 터키석색 35 파란색 55 보라색 45 분홍색 45 회색 35 흰색 15 검은색 9 파스텔 36