디자인
색상 대비 검사기
두 색상의 WCAG 대비 비율.
우리가 미처 알기도 전에, 우리는 땅을 떠났다.
1.00
대비율
| 표준 | 일반 텍스트 | 큰 텍스트 |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | 텍스트 외/UI 구성 요소(≥3:1): — | |
가장 가까운 AA 텍스트 대체 색상OKLCH 대체 색상 계산 중…
이 보고서는 WCAG 2.2 명암비 요구사항을 따릅니다. APCA는 아직 실험적이며 WCAG 3 적합성 결과가 아닙니다.
색상 선택 색상 변환기 · 소셜 바이오: 화려한 텍스트 생성기 · 저울: 색상 음영 생성기.
사용 방법
텍스트 색상과 배경 색상을 선택하세요. 대비 비율과 각 WCAG 수준의 통과/실패 여부가 실시간으로 업데이트되며 미리보기가 제공됩니다.
FAQ
적절한 명암비는 얼마인가요?
WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트에 3:1을 요구합니다. AAA는 각각 7:1과 4.5:1을 요구합니다. WCAG 1.4.11은 필수 비텍스트 그래픽과 UI 구성 요소의 경계 또는 상태에도 3:1을 요구합니다.
대용량 텍스트로 간주되는 것은 무엇인가요?
큰 텍스트는 약 18pt(24px) 또는 14pt(18.66px) 굵게 이상입니다.
비율은 어떻게 계산하나요?
두 색상의 상대 휘도로부터 WCAG 공식에 따라 (밝은 색 + 0.05) ÷ (어두운 색 + 0.05)를 계산합니다.
마지막 업데이트: