대비 검사기

이 비율이 실제로 재는 것

각 색은 먼저 상대 휘도로 바뀝니다. sRGB 감마 곡선을 되돌린 뒤 빨강·초록·파랑 채널을 가중해 더한 값이고, 초록의 가중치가 가장 큰 것은 눈이 초록에 가장 민감하기 때문입니다. 대비율은 더 밝은 휘도에 작은 상수를 더한 값을 더 어두운 휘도에 같은 상수를 더한 값으로 나눈 것입니다. 그 상수가 있어서 순수한 검정을 상대로 눈금이 무한대로 달아나지 않고, 바로 그 상수 때문에 이 공식이 어두운 배경에 대해 대부분의 사람 눈보다 너그럽습니다.

같은 조합에 판정이 여러 개인 이유

WCAG는 색 조합을 한 번만 평가하지 않습니다. 큰 글씨의 기준이 본문보다 낮은 것은 크기가 대비의 몫을 일부 대신하기 때문이고, 인터페이스 요소 — 체크박스 테두리, 포커스 링 — 는 다시 따로 평가됩니다. 본문에서 떨어지는 팔레트가 제목에는 전혀 문제없을 수 있으므로, 이 표는 하나의 합격·불합격 대신 모든 경우를 보여 줍니다.

고칠 때 색상을 지키기

기준에 못 미치는 조합을 고칠 때 흔히 하는 일은 더 어두운 회색을 집는 것인데, 그러면 브랜드에서 색이 조용히 빠져나갑니다. 여기서 제안하는 값은 명도만, 문턱을 넘는 가장 작은 폭으로 움직이고 색상과 채도는 당신이 둔 자리에 그대로 둡니다. 같은 색이되, 읽힐 만큼만 옮겨 놓은 것입니다.

APCA 수치에 대하여

APCA는 지침의 다음 판을 위해 개발 중인 대비 모델입니다. WCAG 2의 비율이 다루지 않는 것들 — 극성, 글자 굵기, 어두운 배경에서 체감 대비가 떨어지는 방식 — 을 반영하며, 예전 공식이 눈과 어긋나는 자리에서 보통 눈 쪽과 일치합니다. 여기 보여 주는 것은 실제로 참고가 되기 때문이고, 분명히 표시해 둔 것은 평가 기준이 이것이 아니기 때문입니다. 오늘의 준수 기준은 대비율이지 Lc가 아닙니다.

자주 묻는 질문

GO AI 팀이 만들었습니다. OKLCH 변환기 · 저희 접근성 성명 · 무료 도구 전체