APCA 명암 대비 계산기

APCA 명암 대비 계산기 사용 가이드

APCA(Accessible Perceptual Contrast Algorithm)는 WCAG 3 초안에서 검토 중인 새 명암 대비 계산 방식으로, 같은 색 조합이라도 밝은 배경의 어두운 글자와 어두운 배경의 밝은 글자를 다르게 평가합니다. 이 계산기는 글자색과 배경색을 넣으면 APCA-W3 0.1.9 상수로 Lc 값을 계산합니다.

Lc 값에 따라 용도를 알려 줍니다. Lc 90 이상은 본문에 가장 권장, 75 이상은 본문 최소, 60 이상은 일반 콘텐츠 글자, 45 이상은 큰 제목, 30 이상은 자리표시자·아이콘 같은 글자 외 요소, 15 이상은 눈에 보이는 최소 구분입니다. 부호는 글자가 배경보다 어두우면 +, 밝으면 −입니다.

현재 법적·공공 기준은 여전히 WCAG 2 명암비(4.5:1 등)라서 같은 화면에 WCAG 2 명암비와 AA·AAA 등급도 함께 표시합니다. 회색 글자처럼 두 방식의 판단이 다르게 나오는 경우를 비교할 수 있습니다.

사용 방법

1. 1'글자색 다음 줄에 배경색' 칸에 글자색을 먼저, 배경색을 다음 줄에 #RRGGBB로 넣습니다.
2. 2'실행'을 누르면 APCA Lc 값과 극성(어두운 글자·밝은 글자)이 나옵니다.
3. 3'판단' 줄에서 이 조합을 본문·제목·아이콘 중 어디에 쓸 수 있는지 확인합니다.
4. 4WCAG 2 명암비 등급도 함께 보고 두 기준을 모두 만족하도록 색을 조정합니다.

#999999
#ffffff

글자색 #999999 · 배경색 #ffffff
APCA Lc: 54.6 (밝은 배경의 어두운 글자)
판단: Lc 45 이상 — 큰 제목·굵은 큰 글자(36px 또는 굵은 24px 이상)
참고 WCAG 2 명암비: 2.85:1 (기준 미달)

이럴 때 쓰면 좋아요

• 디자인 시스템의 본문·보조 글자 회색 값을 정할 때
• 다크 모드에서 밝은 글자 대비가 충분한지 볼 때
• 버튼·배지 글자색이 읽기 쉬운지 확인할 때
• WCAG 2와 APCA 판단을 비교해 볼 때

문제가 생겼을 때

활용 팁

• 얇은 글꼴이나 작은 글자일수록 더 높은 Lc가 필요합니다.
• WCAG 2 AA를 통과해도 APCA에서 낮게 나오면 실제로도 읽기 어려운 경우가 많습니다.
• 색각 이상 사용자를 위한 색 구분은 색각 이상 시뮬레이터로 따로 확인하세요.

자주 묻는 질문