이렇게 사용하세요
#b6ebbd와 #101415를 비교해 일반 텍스트의 AA·AAA 대비 기준을 확인합니다.
입력부터 결과까지
- 색상 · 대비 작업 화면을 열고 예시를 불러옵니다.
- 설명을 읽고 형식과 옵션을 선택한 뒤, 자신의 입력으로 바꿉니다. 민감한 정보 대신 테스트 데이터로 먼저 확인하세요.
- 실행 후 결과와 상태 메시지를 확인합니다. 오류가 있으면 입력 형식을 수정하고 다시 실행하세요.
- 원하는 결과를 복사하거나 파일로 저장합니다. 생성·변환 결과는 자동으로 보관되지 않습니다.
대비율은 색상 간 거리가 아닙니다
WCAG 대비율은 sRGB를 선형화한 뒤 계산한 상대 휘도 두 값의 비율입니다. 검정과 흰색은 21:1, 같은 색끼리는 1:1입니다. AA 일반 텍스트는 4.5:1, 큰 텍스트는 3:1이 필요합니다. 큰 텍스트는 일반적으로 18pt 이상 또는 굵은 14pt 이상을 뜻합니다. 이 도구는 불투명한 두 색을 비교하므로 투명도나 배경 이미지가 있으면 실제 합성된 배경색을 먼저 결정해야 합니다. 통과 표시가 페이지 전체의 접근성을 보장하지는 않습니다.
예시 입력
Foreground: #ffffff Background: #000000
결과 해석
Contrast: 21.00:1 AA normal / large text: PASS AAA normal / large text: PASS
알아두면 좋은 점
형식과 의미
HEX·RGB·HSL을 변환합니다. 대비 계산은 불투명한 sRGB 색상 두 개를 기준으로 합니다.
올바른 사용
WCAG AA 일반 텍스트는 4.5:1, 큰 텍스트는 3:1이 필요합니다.
자주 놓치는 부분
팔레트는 기준색의 명도를 바꾼 시작점입니다. 각 조합의 가독성을 따로 확인하세요.
지원 범위와 제한
불투명 HEX·RGB·HSL; WCAG 2.x 대비 공식
입력이 제한을 넘으면 데이터를 나누어 처리하세요. 파일 형식이나 알고리즘이 지원 범위에 없으면 다른 형식으로 임의 변환하지 말고 요구 사항에 맞는 도구를 선택하세요.
데이터는 어떻게 처리되나요?
도구 처리는 브라우저에서 수행합니다. DNS 조회는 명시한 외부 제공자에게 조회 도메인을 보냅니다. 홈·가이드·작업 화면에는 설정에 따라 광고가 표시될 수 있습니다.
도구 열기