색상 대비 검사 및 보정 추천
글자색과 배경색의 WCAG 대비 비율을 검사하고 통과 색상을 추천
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
두 색상을 선택하면 실시간으로 명도 대비 비율을 계산해 WCAG 2.1의 AA/AAA 기준 통과 여부를 보여주는 도구입니다. 웹 디자이너나 개발자가 텍스트 가독성을 점검할 때 유용하며, 기준을 통과하지 못하면 색상의 명도(lightness)를 조정한 대안 색상을 자동으로 추천해 바로 적용해볼 수 있습니다. 모든 계산은 브라우저 안에서 즉시 처리되어 입력한 색상 정보가 서버로 전송되지 않습니다.
사용 방법
- 글자 색상(전경색) 값을 컬러 피커나 헥스 코드로 입력합니다.
- 배경 색상 값을 동일한 방식으로 입력합니다.
- 미리보기와 대비 비율, AA/AAA 통과 여부를 확인합니다.
- 기준 미달 시 제시된 추천 색상의 '적용' 버튼을 눌러 바로 반영합니다.
자주 묻는 질문
- AA와 AAA 기준의 차이는 무엇인가요?
- AA는 보통 텍스트 4.5:1, 큰 텍스트 3:1 이상을 요구하며, AAA는 보통 텍스트 7:1, 큰 텍스트 4.5:1 이상을 요구하는 더 엄격한 기준입니다.
- 추천 색상은 어떤 방식으로 계산되나요?
- 원래 색상의 색조(Hue)와 채도(Saturation)는 유지한 채 명도(Lightness)만 0~100% 범위에서 조정하여, 목표 대비 비율을 만족하면서 원래 색과 가장 가까운 색을 찾아 제안합니다.
- 입력한 색상 정보가 서버에 저장되나요?
- 아니요, 모든 계산은 브라우저 내에서만 이루어지며 색상 값이 외부로 전송되지 않습니다.