도구 › 디자인

색상 대비 검사기

텍스트와 UI 색상을 WCAG 2.2 AA·AAA 기준으로 검사하고, 화면이나 시안에서 색을 추출해 기준을 통과하는 가장 가까운 색을 제안받습니다.

큰 텍스트 24px

16px 본문 텍스트는 저시력자를 포함한 모두가 읽을 수 있어야 합니다.

2.21:1

✗ AA 텍스트✗ AA 큰 텍스트✗ AAA 텍스트✗ AAA 큰 텍스트✗ UI 및 아이콘

AA를 통과하는 가장 가까운 텍스트 색상: #B4610B

목업에서 색상 추출

사용 방법

  1. 대비는 WCAG 상대 휘도 공식으로 계산하며, 감사자들처럼 내림 처리합니다.
  2. 제안 색상은 원래 색의 색조와 채도는 그대로 두고 명도만 바꿉니다.

자주 묻는 질문

어느 정도면 큰 텍스트인가요?

일반 굵기 24 px 이상 또는 굵게 18.66 px 이상입니다. AA 기준에서 4.5:1 대신 3:1이면 됩니다.