어떤 때 쓰면 좋을까요?
회색 글자가 잘 읽히는지, 버튼 텍스트가 배경에 묻히는지 점검할 때 활용합니다. 두 색의 코드를 입력해 일반 글자와 큰 글자의 기준을 나누어 확인할 수 있어요.
검사 결과에 맞춰 색을 바꾸되 실제 화면의 글자 크기와 두께도 함께 살펴보세요. 투명도나 이미지 배경이 있으면 단일 색 코드만으로 실제 대비를 설명하기 어렵습니다. 색상 대비는 접근성 점검의 한 부분입니다.
WebAIM Contrast Checker
웹사이트 · 이미지·디자인
글자와 배경의 대비 비율 확인하기
글자색과 배경색을 넣어 대비 비율과 WCAG 기준별 결과를 확인하는 검사 도구입니다.
- 색상 대비 비율
- 글자 크기별 기준 확인
이렇게 써보세요
사이트의 보조 글자와 흰 배경의 색 코드를 입력하고 읽기 어려운 경우 글자색을 조정해 다시 검사하세요.
얻는 결과색 조정에 사용할 대비 비율과 판정
사용 순서
글자색과 배경색 코드를 입력합니다
비율과 기준별 결과를 확인합니다
실제 화면에서 크기·상태와 함께 검토합니다
사용할 때 알아두세요
색상 대비 결과가 사이트 전체의 접근성을 보장하지 않습니다. 이미지·투명도와 글자 크기를 함께 확인하세요.
제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.