01
글자와 배경 순서 지키기
글자색을 먼저 입력하고 불투명한 배경색을 뒤에 둡니다. 색을 교환하면 극성이 바뀌며 입력 후 약 350밀리초에 다시 계산합니다.
Color & Accessibility
APCA 대비 검사기화면 글자의 색 대비를 살펴보기
글자색과 배경색을 지정하고 부호 있는 Lc와 선택한 글꼴 조건의 참고값을 확인하세요.
APCA 대비 검사기
APCA 명도 대비
Lc 101.5
밝은 배경의 어두운 글자
글꼴 크기 참고
선택한 조건: 16px · 400 · 본문
현재 굵기의 최소 참고 크기: 15px
참고 범위 안
본문은 최소 Lc 75를 참고하세요. 표는 적합 판정이 아닙니다.
300: 18.5px400: 15px700: 13px
Lc 수준 읽기
Lc 90: 본문 권장
Lc 75: 본문 최소 참고
Lc 60: 읽기용 글자 최소 참고
Lc 45: 큰 글자 최소 참고
Lc 30: 모든 글자 최소 참고, 본문 제외
Lc 15: 거의 보이지 않음, 특정 비문자만
APCA는 개발 중인 지각 대비 방식입니다. 이 값은 WCAG 2.x나 WCAG 3 적합 판정이 아닙니다.
공식 apca-w3 0.1.9, 기본 알고리즘 0.0.98G-4g. 자체 발광 화면의 웹 콘텐츠용입니다. © 2019–2022 Andrew Somers / Myndex.
계산은 브라우저에서만 진행되며 색상값을 업로드하지 않습니다.
글자 조건
최신 결과입니다.
밝은 바탕에서 읽히는 회색이 어두운 화면에서도 똑같이 읽히지는 않습니다. APCA 대비 검사기는 글자와 배경의 역할을 분리해 색을 바꿨을 때의 극성을 드러냅니다.
명도 대비 검사기에서 비율만 보던 검토라면 APCA Lc가 어떤 조건을 뜻하는지 함께 보세요. 글꼴 크기나 굵기를 바꿔도 색상 쌍의 Lc 자체는 그대로입니다.
APCA 대비 검사기를 사용하는 이유
글자색과 배경색을 지정하고 부호 있는 Lc와 선택한 글꼴 조건의 참고값을 확인하세요.
색의 방향을 지우지 않음
APCA 대비 검사기는 어두운 글자와 밝은 배경에 양의 Lc, 반대 조합에 음의 Lc를 표시합니다. 글자색과 배경색을 교환해도 부호가 남아 두 방향을 구별할 수 있습니다.
글꼴 조건과 수치를 함께 보기
한 색상 쌍의 Lc를 바탕으로 굵기 300·400·700에서 필요한 최소 참고 크기를 보여 줍니다. 크기 선택은 해석을 바꾸지만 계산값은 바꾸지 않습니다.
참고값을 적합 판정으로 오해하지 않기
02
실제 글꼴 조건 맞추기
CSS 픽셀 크기와 굵기, 본문 또는 다른 읽기용 글자인지를 고릅니다. 이 조건은 참고표만 바꾸고 Lc 공식은 바꾸지 않습니다.
03
조건까지 함께 복사하기
자동 계산을 끄면 Ctrl 또는 Cmd와 Enter로 실행합니다. 입력이나 설정이 달라진 뒤에는 오래된 결과의 복사가 막힙니다.
한 쌍의 색에서 얻는 정보
방향을 담은 지각 대비
공식 sRGB 계산을 사용해 부호 있는 Lc와 밝은 바탕/어두운 바탕의 글자 방향을 보여 줍니다.
굵기별 글꼴 참고값
APCA 글꼴 표로 300·400·700 굵기의 최소 크기를 제시하고 선택한 조건이 그보다 낮으면 표시합니다.
맥락이 담긴 요약
두 HEX 값, Lc, 극성, 크기, 굵기와 용도를 함께 복사하여 검토 기록에 남길 수 있습니다.
계산 대상과 결과의 한계
- 불투명 sRGB 색 한 쌍
- 세 자리 또는 여섯 자리 HEX만 받습니다. 투명 글자, 그라데이션, 이미지 배경은 실제 합성 픽셀을 알아야 합니다.
- WCAG 2 비율로 바꾸지 않음
- 부호 있는 Lc는 4.5:1 같은 비율과 일대일로 대응하지 않습니다. AA·AAA가 필요한 경우 해당 방식으로 따로 검사해야 합니다.
- 페이지 전체 검사 아님
- 아이콘, 테두리, 포커스 상태와 다른 글자는 읽지 않습니다. 색 한 쌍의 결과로 사이트 전체 접근성을 주장할 수 없습니다.
- 대체 색을 자동 적용하지 않음
- 현재 색과 글꼴 조건만 설명하며 브랜드 색을 임의로 바꾸거나 적합한 대안을 약속하지 않습니다.
APCA 대비 검사기 자주 묻는 질문
어디부터가 큰 글씨인가요?
아니요. 한 색상 쌍의 지각 대비 참고값일 뿐, 키보드·의미 구조·다른 상태를 포함한 접근성 전체를 보장하지 않습니다.
제 회색이 흰 배경에서는 통과하는데 어두운 배경에서는 떨어집니다. 왜죠?
여기서는 고정된 큰 글씨 경계 대신 Lc와 굵기별 최소 참고 크기를 읽습니다. 실제 서체의 획 두께도 확인해야 합니다.
아이콘과 테두리에도 이 비율이 적용되나요?
밝은 바탕과 어두운 바탕은 APCA에서 극성이 다릅니다. 두 색을 바꿔 부호를 확인하고 글자/배경 역할을 정확히 입력하세요.
여기에 입력한 내용이 외부로 전송되나요?
아니요. 입력한 두 HEX 색과 글꼴 선택은 브라우저에서만 계산하며 서버로 보내지 않습니다.
APCA는 지원하나요?
네. 이 도구는 공식 APCA 알고리즘으로 부호 있는 Lc를 계산합니다. 다만 WCAG 적합 판정은 제공하지 않습니다.
잘못 판정된 색상 조합을 발견했나요?