빠른 사용 흐름
입력부터 결과 활용까지
- 1 색상 대비 검사기에 필요한 내용을 입력하거나 파일을 선택합니다.
- 2 프리셋, 옵션, 미리보기를 확인하면서 원하는 결과로 조정합니다.
- 3 완성된 결과를 복사, 저장, 다운로드해 실제 업무에 바로 사용합니다.
디자인
색상 대비 검사기
가독성과 접근성을 고려해 색상 조합을 검토합니다.
Contrast Studio
읽기 좋은 디자인은 대비에서 시작됩니다.
본문, 버튼, 배너 문구에 적용할 색상 조합을 실제 화면처럼 확인합니다.
색상 조합 검사
HEX 값을 넣으면 WCAG 통과 여부를 즉시 계산합니다.
WCAG 대비율
21.00
: 1
매우 좋은 대비
AA 일반 텍스트
4.5:1 이상
AA 큰 텍스트
3:1 이상
AAA 일반 텍스트
7:1 이상
AAA 큰 텍스트
4.5:1 이상
빠른 조합
쓸 만한 순간
반복 작업을 줄일 때
색상 대비 검사기은 글자색과 배경색의 대비를 확인합니다. 가독성과 접근성을 고려해 색상 조합을 검토합니다. 결과를 따로 정리하지 않아도 복사, 저장, 다운로드 흐름으로 바로 다음 작업에 넘길 수 있습니다.
관련 검색 문구
이런 작업을 찾을 때
색상 대비 검사기 사용 디자인 도구 색상 대비접근성가독성