웹사이트 본문 텍스트와 배경색의 명도 대비율을 측정하여 WCAG 웹 접근성 지침을 준수하는지 확인합니다. 색상 코드를 HEX, RGB, HSL 형식으로 실시간 변환할 수 있습니다.
글자색 및 배경색 입력
검사할 텍스트 색상과 배경 색상 코드(HEX, RGB, HSL)를 입력합니다.
대비율 수치 확인
표시되는 명도 대비 비율과 WCAG AA / AAA 통과 마크를 확인합니다.
명도 단계 보정 및 코드 복사
대비율이 부족하면 9단계 밝기 칩을 눌러 값을 조정한 뒤 변환된 코드를 복사합니다.
일반 텍스트 기준 WCAG AA(4.5:1 이상), AAA(7.0:1 이상), 대형 텍스트(3.0:1 이상) 통과 여부를 즉시 판별합니다. 검은색, 흰색 기본 배경뿐 아니라 커스텀 배경색과의 대비율도 직접 지정하여 측정할 수 있습니다.
선택한 색상이 명도 대비 기준에 미달하는 경우, 하단에 제공되는 동일 색상 계열의 9단계 밝기 슬롯을 클릭하여 접근성 기준을 충족하는 최적의 명도값을 바로 찾을 수 있습니다.
HEX(#RRGGBB), rgb(), hsl(), 영문 CSS 색상 이름(50여 종)을 자유롭게 입력하면 모든 포맷으로 즉시 상호 환산됩니다.
이 도구는 디지털 화면 전용(HEX, RGB, HSL) 변환기입니다. CMYK 및 팬톤 색상 코드는 지원하지 않습니다.
50여 종의 표준 CSS 색상 이름을 지원하여 이름을 입력창에 적으면 자동으로 HEX/RGB로 변환되어 계산됩니다.