색상 변환·대비
HEX 색상을 RGB·HSL로 바꾸고 배경과 글자 색의 대비를 확인합니다.
색상 입력
글자 색상 변환
———미리보기 · 대비
—- 일반 글자 AA (4.5:1)—
- 큰 글자 AA (3:1)—
- 일반 글자 AAA (7:1)—
투명도 없는 sRGB 단색 기준입니다. 웹 접근성 전체를 판정하는 도구는 아닙니다.
색상과 대비 기준
HEX는 #ABC 또는 #AABBCC 형식을 지원합니다. RGB는 0~255의 세 값, HSL은 색상·채도·명도로 표시합니다. 대비는 글자색과 배경색의 상대 휘도 차이로 계산합니다.
WCAG의 큰 글자는 일반적으로 24px 이상 또는 굵은 18.66px 이상을 말합니다. 대비를 반올림하기 전 값으로 기준을 판단합니다. 실제 배경 이미지, 투명도와 글꼴 두께는 별도로 확인해야 합니다. W3C 대비 기준 ↗
사용 전 확인
이 도구를 사용할 때
디자인 색상을 HEX·RGB·HSL로 옮기거나 글자색과 배경색의 대비를 확인할 때 사용합니다.
실제 예시
검정 #000000과 흰색 #FFFFFF의 대비는 21:1입니다. #FFF처럼 축약한 HEX도 정규화할 수 있습니다.
결과 확인
색상 대비 결과만으로 페이지 전체의 접근성이 검증되지는 않습니다. 실제 글자 크기, 굵기, 상태 변화와 이미지 배경을 함께 확인하세요.
PNG를 JPG로 바꿀 때 배경과 용량을 함께 확인하는 방법 →오류나 지원 범위가 궁금하면 문의·문제 제보를 이용하세요.