MoaKit
전체 도구

색 대비 검사기

글자색과 배경색의 대비를 WCAG 기준(AA·AAA)과 APCA로 검사하고, 기준을 통과하는 가장 가까운 색을 추천해요.

미리보기

큰 제목 글자

본문 글자는 이 정도 크기예요. 오래 읽어도 눈이 편한지 확인해 보세요.

작은 안내 글자 12px

버튼

7.57:1

아주 좋아요

APCA Lc 86.3 · 본문에 충분

  • AA 본문 글자일반 글자(약 18px 미만) · 4.5:1기준 통과
  • AA 큰 글자24px 이상, 또는 굵은 19px 이상 · 3:1기준 통과
  • AAA 본문 글자더 엄격한 기준 · 7:1기준 통과
  • AAA 큰 글자큰 글자의 엄격한 기준 · 4.5:1기준 통과
  • 아이콘·입력칸 테두리버튼 모양, 아이콘, 포커스 표시 (WCAG 1.4.11) · 3:1기준 통과

색 대비 검사란?

글자색과 배경색의 대비 비율을 계산해 웹 접근성 기준(WCAG)을 통과하는지 알려 주는 도구예요.

사용 방법

  1. 글자색과 배경색을 입력합니다.
  2. 대비 비율을 확인합니다.
  3. 기준에 못 미치면 색을 조정합니다.

사용 팁

  • 본문 글자는 4.5:1 이상, 큰 글자는 3:1 이상이 권장돼요.