색상 대비 계산기

이 계산기, 이렇게 계산해요

웹·앱에서 글자가 잘 읽히려면 글자와 배경의 밝기 차이가 충분해야 해요. WCAG(웹 콘텐츠 접근성 지침)는 이걸 1:1(구분 불가)부터 21:1(검정·흰색)까지의 대비비로 나타내요. 색이 예뻐도 대비가 낮으면 저시력자나 밝은 야외에서 읽기 어려워요.

디자인할 때

본문 글씨는 4.5:1 이상을 목표로 하세요. 연한 회색 글씨(#999 등)는 흰 배경에서 대비가 부족한 경우가 많아요. 버튼·링크처럼 중요한 요소일수록 대비를 넉넉히 주는 게 좋아요.

자주 묻는 질문

대비비가 얼마면 통과예요?

WCAG 기준 일반 텍스트는 4.5:1 이상이면 AA 통과, 7:1 이상이면 AAA 통과예요. 큰 텍스트(18pt 이상 또는 14pt 굵게)는 3:1(AA)·4.5:1(AAA)이면 돼요. 흰 바탕에 회색 글씨가 흐릿하게 보인다면 대비비가 낮은 거예요.

명도 대비는 어떻게 계산해요?

두 색의 상대 휘도(밝기)를 구해 (밝은 색 + 0.05) ÷ (어두운 색 + 0.05)로 계산해요. 완전히 같은 색은 1:1, 검정과 흰색은 최대 21:1이에요. 색상(빨강·파랑)보다 밝기 차이가 가독성을 좌우해요.