색상 대비 검사기
글자 색과 배경 색이 WCAG AA와 AAA 기준에 맞게 잘 읽히는지 확인하고, 통과하는 가장 가까운 색을 받아 보세요.
큰 제목 글자
대부분의 사람이 화면에서 읽는 크기의 일반 본문 글자예요. 읽기 쉬우려면 큰 글자보다 더 높은 대비가 필요해요.
버튼명암비
4.54:1
- 일반 글자 · AA 4.5:1통과
- 일반 글자 · AAA 7:1실패
- 큰 글자 · AA 3:1통과
- 큰 글자 · AAA 4.5:1통과
- 아이콘과 테두리 · AA 3:1통과
통과하는 가장 가까운 글자 색:
WCAG 2.2 공식으로 측정해요. 큰 글자는 24 px 이상, 또는 굵은 글꼴 18.5 px 이상이에요. 반투명 글자는 배경 위에서 보이는 그대로 측정해요.
색상 대비 검사기는 WCAG 2.2 공식으로 글자 색과 배경 사이의 명암비를 측정하고, 일반 글자, 큰 글자, 아이콘과 테두리가 AA와 AAA를 통과하는지 보여 줘요. 실시간 미리보기로 배경 위의 실제 글자를 확인할 수 있어요. 기준을 통과하지 못하면 색조는 그대로 두고 통과하는 가장 가까운 글자 색을 제안하므로, 디자인을 최소한으로만 바꿀 수 있어요.
색상 대비 검사기 사용 방법
- 1
두 색 선택
글자 색과 배경 색을 입력하거나 고르세요.
- 2
결과 확인
명암비와 AA·AAA 통과 여부를 확인하세요.
- 3
필요하면 수정
제안된 통과 색을 사용하세요.
주요 기능
- WCAG 2.2 기준
- 일반 글자와 큰 글자의 AA·AAA, 아이콘과 테두리까지.
- 실시간 미리보기
- 배경 위의 제목, 본문, 버튼을 확인하세요.
- 가장 가까운 수정안
- 같은 색조로 통과하는 가장 가까운 색.
자주 묻는 질문
명암비는 얼마나 필요한가요?
WCAG AA는 일반 글자에 4.5:1, 큰 글자와 아이콘, 테두리에 3:1을 요구해요. AAA는 일반 글자에 7:1, 큰 글자에 4.5:1을 요구해요.
큰 글자는 어느 정도 크기인가요?
24 px 이상, 또는 약 18.5 px(14 pt) 이상의 굵은 글자예요.
반투명 색도 확인할 수 있나요?
네. 투명한 글자 색은 배경 위에서 보이는 그대로 측정해요.
인터넷 연결이 필요한가요?
페이지를 열 때만 필요해요. 모든 계산은 내 기기에서 이루어지며, 입력한 내용은 어디에도 전송되지 않아요.