◩
이미지 도구
명도 대비 검사기
전경색과 배경색의 WCAG 대비 비율을 계산합니다.
이미지 도구
입력 / 출력
Aa 가나다
본문 텍스트 대비 미리보기
WCAG 판정
21:1
추천 색상: #000000
일반 텍스트 AA
4.5:1 이상
통과
일반 텍스트 AAA
7:1 이상
통과
큰 텍스트 AA
3:1 이상
통과
큰 텍스트 AAA
4.5:1 이상
통과
UI 컴포넌트 / 비텍스트 3:1
3:1 이상
통과
CSS 코드
.sample {
color: #000000;
background: #FFFFFF;
}도움말사용 방법, 예시, 실무 팁, FAQ는 필요할 때 펼쳐보세요.
이 도구는 무엇인가요?
명도 대비 검사기는 전경색과 배경색의 WCAG 대비 비율을 계산합니다. 이미지 도구 흐름에 맞춰 입력, 옵션, 결과 확인을 한 화면에서 처리합니다.
사용 방법
- 명도 대비 검사기 입력
#000000 / #ffffff처럼 처리할 값을 입력하거나 기본 예시를 조정합니다.
- 옵션 확인
명도 대비, WCAG, 접근성에 맞는 모드, 단위, 형식 옵션을 선택합니다.
- 결과 검토
21:1 AAA 통과 형식의 결과를 확인하고 필요한 경우 복사하거나 내려받습니다.
예시
명도 대비 기본 확인
- 입력
- #000000 / #ffffff
- 출력
- 21:1 AAA 통과
WCAG 실무 점검
- 입력
- #000000 / #ffffff 값을 기준으로 옵션을 조정
- 출력
- 명도 대비 검사기 결과를 복사 가능한 형식으로 확인
명도 대비 검사기 결과 검수
- 입력
- #000000 / #ffffff 입력을 조금 바꿔 재실행
- 출력
- 변경된 결과를 이전 결과와 비교해 실제 작업에 맞는지 확인
실무 팁
- 명도 대비 검사기 결과가 업무 기준에 맞는지 원본 데이터와 한 번 더 대조하세요.
- 명도 대비 입력은 필요한 범위만 넣으면 브라우저 처리 속도를 유지하기 쉽습니다.
- AdSense 자동 광고는 도구 입력, 출력, 실행 버튼 안에 의도적으로 배치하지 않습니다.
FAQ
명도 대비 검사기에는 어떤 입력을 넣어야 하나요?
예시와 같은 명도 대비 값을 넣고 필요한 옵션을 조정하면 됩니다.
명도 대비 검사기 결과를 바로 복사할 수 있나요?
네. 결과 영역에서 확인한 뒤 복사 버튼이나 출력 텍스트를 사용하면 됩니다.
명도 대비 검사기를 모바일에서도 사용할 수 있나요?
네. 입력, 옵션, 실행, 출력 영역이 모바일 화면에서도 순서대로 보이도록 구성되어 있습니다.
명도 대비 검사기 페이지 광고가 도구 조작을 방해하나요?
아니요. 사이트는 수동 광고 영역을 만들지 않고 AdSense 자동 광고 설정을 보수적으로 운영합니다.
명도 대비 검사기 결과가 실제 업무 기준과 다르면 어떻게 하나요?
브라우저 도구는 입력값과 선택 옵션을 기준으로 계산합니다. 배포, 계약, 정산처럼 책임이 큰 작업에는 원본 기준이나 공식 문서와 한 번 더 대조하세요.