색상 대비 검사기
전경색과 배경색 조합의 가독성과 WCAG 기준을 확인합니다.
색상 조합AAA 적합
미리보기가독성을 확인할 텍스트
전경색과 배경색 조합의 가독성과 WCAG 기준을 확인합니다.
검사 결과AAA 적합
13.77:1
대비율WCAG AA
일반 텍스트적합
큰 텍스트적합
WCAG AAA
일반 텍스트적합
큰 텍스트적합
팔레트 비교
| 글자색 / 배경색 | #1F2233 | #F5EFE7 | #78B5E4 | #79C06B |
|---|---|---|---|---|
| #1F2233 | 1.00 | 13.77 | 7.14 | 7.17 |
| #F5EFE7 | 13.77 | 1.00 | 1.93 | 1.92 |
| #78B5E4 | 7.14 | 1.93 | 1.00 | 1.00 |
| #79C06B | 7.17 | 1.92 | 1.00 | 1.00 |
이 도구에 대해
전경색과 배경색 조합의 가독성과 WCAG 기준을 확인합니다.
- 이 도구는 브라우저 안에서 처리됩니다. 파일이나 입력 내용은 처리를 위해 서버로 업로드되지 않습니다.
사용 사례
- 공개 전에 읽기 쉬움과 접근성 기준을 점검하기
- 디자인 변경 후 문제가 늘지 않았는지 확인하기
- 결과를 팀이나 관계자에게 공유하기
자주 묻는 질문
- 무엇을 할 수 있나요?
- 전경색과 배경색 조합의 가독성과 WCAG 기준을 확인합니다.
- 입력 내용은 어떻게 처리되나요?
- 처리는 브라우저 안에서 이루어집니다. 파일이나 입력 내용은 처리를 위해 서버로 전송되지 않습니다.
- 이 결과만으로 기준 충족을 판단할 수 있나요?
- 기준을 보는 참고 자료로 사용하세요. 실제 화면, 콘텐츠, 문맥도 함께 확인하는 것이 좋습니다.