색상 대비 계산 방법
두 색상 간의 명암비를 계산하는 수학 공식이 있습니다. 대비 평가를 위해 이 공식을 사용하는 것이 눈에만 의존 하는 것보다 항상 낫습니다.
여기에서는 기술적인 설명을 간단하게 유지함에 참고하세요. 색상 대비 공식의 자세한 정의를 보려면, 명암비 (W3.org)로 이동하세요.
상대 휘도
대비는 다음과 같이 정의되는 "상대 휘도"를 사용하여 계산됩니다:
가장 어두운 검정색
0과 가장 밝은 흰색1에 대해 표준화 된 색 공간에 있는 모든 지점의 상대적 밝기.
출처: 상대 휘도 (W3.org)
상대 휘도는 (HEX나 RGB 같은) 모든 색상 코드에서 계산 될 수 있습니다.
공식
명암비를 계산하기 위해, 가장 밝은 색상(L1)의 상대 휘도를 더 어두운 색상(L2)의 상대 휘도로 나눕니다:
(L1 + 0.05) / (L2 + 0.05)
결과는 1:1 (대비가 전혀 없음)에서 21:1 (가능한 가장 높은 대비) 사이의 값입니다. 고대비가 일반적으로 좋지만, 높을 수록 항상 좋은 것은 아닙니다. 연구에 따르면 극단 사이의 중간 정도의 대비가 최선일 수 있습니다.
여담으로: 일상적인 연습에서는 이 계산을 수동으로 할 필요가 없으며, 많은 사용 가능한 보조 도구가 있습니다. 자세한 내용은 다음 페이지에서 확인하세요.
색조는 핵심 요소가 아닙니다
상대 휘도의 경우, 색상의 색조는 (빨강, 초록, 파랑, 노랑…) 핵심 요소가 입니다. 결국, 특정 색상을 인식 할 수 없는 사람이나 전혀 색상을 보지 못하는 사람에 대한 적절한 대비가 필요합니다.
이는 시각적으로 구별되는 색상이 자동으로 높은 명암비를 가지지 않음을 의미합니다. 다음 예가 이를 보여줍니다.
대비 결과:
- 빨강/파랑 =
1.1:1 - 파랑/초록 =
1.0:1 - 초록/빨강 =
1.2:1
시각 장애가 없는 사용자들은 다음 이미지의 파란 배경의 녹색과 빨간 단어를 쉽게 인식할 수 있습니다…
… 그렇지 않은 사람들은 텍스트와 배경을 구분하기가 매우 어려울 것입니다. 회색조로 보는 사람을 찾는 방법입니다:
따라서 다음을 기억하는 것이 중요합니다:
- 눈에만 의존하지 말고, 항상 계산 된 값으로 대비를 확인하세요. 더 자세한 내용은 다음 챕터 "색상 대비를 검사하는 방법How to exampine colour contrast"에 있습니다.
- 특히 여러 객체를 배경에서 뿐 아니라 서로 명확하게 구분해야 하는 경우, 색상 대비에는 한계가 있습니다. 더 자세한 내용은 챕터 "색상은 충분하지 않습니다"에 있습니다.