색상 대비 검사기
텍스트와 배경 색상을 넣으면 명암 대비 비율을 계산하고, WCAG 접근성 기준(AA/AAA) 충족 여부를 바로 보여드려요.
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
color contrast checker, WCAG contrast ratio, accessibility checker, text background contrast색상 대비 검사기
색상 대비 검사
텍스트 색상
배경 색상
미리보기
텍스트 대비 예시입니다
대비 비율17.40 : 1
일반 텍스트 · AA통과
일반 텍스트 · AAA통과
큰 텍스트 (18pt 이상) · AA통과
큰 텍스트 (18pt 이상) · AAA통과
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
댓글
첫 번째 댓글을 남겨보세요!
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
도구 정보
분류 이미지
처리 방식 브라우저에서 직접 처리
데이터 저장 저장하지 않음
업데이트 2026-08-20
사용법
1
텍스트 색상과 배경 색상을 색상 선택기나 HEX 코드로 입력하세요.
2
미리보기 영역에서 실제 대비를 눈으로 확인하고, 대비 비율 숫자를 확인하세요.
3
WCAG AA/AAA 기준(일반 텍스트, 큰 텍스트)을 각각 통과하는지 확인하세요.
자주 묻는 질문
즐겨찾기
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.