색상 코드 변환
HEX, RGB, HSL과 투명도를 변환하고 색을 미리 보며 바로 쓸 수 있는 CSS 값을 복사합니다.
색상 명암 대비 검사
WCAG 2.2에 따라 글자와 배경의 대비를 계산하고 일반·큰 글자의 AA와 AAA 충족 여부를 표시합니다.
읽기 쉬운 글자로 내용을 또렷하게 전달하세요.
일반 텍스트 · Aa 123
명암 대비
WCAG 2.2 기준으로 계산합니다. 투명한 배경은 흰색 위에 합성합니다.
도구 소개
실제로 겹쳐 쓰는 글자와 배경 조합을 확인하세요. 대비 검사 통과만으로 페이지 전체의 접근성이 보장되지는 않습니다.
사용 방법
글자색과 배경색을 고르세요. 일반 글자는 AA 4.5:1, AAA 7:1이며 큰 글자는 각각 3:1, 4.5:1입니다. 큰 글자는 24px 이상 또는 굵은 글씨 약 18.67px 이상입니다. 투명 배경은 흰색 위에 합성합니다. 색상 대비만 검사하므로 전체 접근성 인증을 뜻하지 않습니다.
자주 묻는 질문
큰 글자는 어느 크기부터인가요?
보통 글꼴은 24px 이상, 굵은 글꼴은 약 18.67px 이상입니다. 일반 글자의 AA·AAA는 4.5:1·7:1, 큰 글자는 3:1·4.5:1입니다. 투명한 배경은 흰색 위에 합성해 계산합니다.
4.5:1로 보이는데 왜 AA 통과가 아닌가요?
화면 비율은 소수 둘째 자리로 반올림하지만 판정은 원래 값으로 합니다. 해당 항목이 실제로 통과할 때까지 대비를 높이세요.
사진이나 그라데이션 위의 글자는 어떻게 검사하나요?
글자 뒤의 실제 색, 특히 대비가 가장 약한 곳을 각각 확인하세요. 이 도구는 두 색만 비교하고 투명 배경은 흰색 위에 합성하므로 그 가정이 페이지와 맞아야 합니다.
관련 도구
새 탭에서 열립니다
댓글
0