색상 대비란?
대비 비율은 텍스트(전경)와 배경의 휘도 차이를 1:1(대비 없음)부터 21:1(흰 배경의 검정)까지로 표현합니다.
이 도구는 색상을 sRGB로 변환하고 투명도를 합성한 뒤 WCAG 상대 휘도 공식을 사용합니다.
WCAG 기준
- AA: 일반 텍스트 4.5:1, 큰 텍스트 3:1.
- AAA: 일반 텍스트 7:1, 큰 텍스트 4.5:1.
- 큰 텍스트는 18pt 이상 또는 14pt 이상 굵게.
- UI 구성요소, 아이콘, 그래픽은 최소 3:1을 권장합니다.
비율이 높을수록 읽기 쉽고, 얇은 글꼴이나 작은 크기에서 특히 효과적입니다.