색조, 채도, 명도 쉽게 이해하기

세 숫자, 세 질문

색 하나를 떠올려 보세요. 예를 들어 차분한 청록색이요. 설명해 보라고 하면 화면이 실제로 하는 일인데도 빨강, 초록, 파랑 빛이 얼마나 들어 있는지부터 말하지는 않을 거예요. 파란빛이 도는 초록이고, 아주 진하지는 않고, 약간 어둡다고 말하겠죠. 이것이 HSB예요. 사람이 실제로 생각하는 순서의 색조, 채도, 명도요. 이 모델은 1970년대 말에 Alvy Ray Smith가 사람들이 보이는 방식에 맞게 색을 고를 수 있도록 제안했어요. HSV라고도 부르는데 V는 값(value)이고, 둘은 같은 모델이에요.

색조는 각도이고, 그게 중요해요

색조를 원 위에 놓는 이유는, 빨강에서 보라까지 직선으로 이어지는 스펙트럼이 무지개에는 없는 자줏빛 계열을 통해 이어지기 때문이에요. 자홍이 보라와 빨강 사이에 놓여 고리를 닫아요. 그래서 색조는 각도로 재요. 빨강은 0°, 노랑은 60° 근처, 초록은 120° 근처, 청록은 180° 근처, 파랑은 240° 근처, 자홍은 300° 근처이고, 360°는 다시 빨강이에요.

원에는 직선에 없는 결과가 있어요. 가능한 가장 큰 거리가 있고, 그것은 반바퀴예요. 두 색조는 180°보다 더 멀어질 수 없어요. 목표가 10°인데 350°라고 짐작했다면 340° 틀린 게 아니라 색상환의 꼭대기를 가로질러 20° 틀린 거예요. 색조 점수는 정직하려면 짧은 쪽으로 재야 하고, 가능한 가장 큰 색조 오차는 그 색의 보색, 즉 정반대 색조예요. Percore가 색조 오차를 180° 기준으로 정규화하는 이유가 이거예요. 완벽에서 가능한 가장 틀린 상태까지의 범위가 그만큼이기 때문이에요.

채도와 명도

채도는 색 안에 색조가 들어 있는 양이에요. 채도가 0이면 어떤 색조든 같은 회색으로 합쳐지고, 그래서 아주 옅거나 칙칙한 색의 색조는 이름 붙이기가 정말 어려워요. 볼 수 있는 색조가 거의 없기 때문이에요. 채도가 가득하면 색은 그 색조가 허락하는 한 가장 선명해요. 명도는 말 그대로 색이 얼마나 밝은지예요. 명도가 0이면 색조와 채도가 뭐라 하든 모두 검정이에요.

둘은 사람들을 헷갈리게 하는 방식으로 서로 영향을 줘요. 어둡고 채도 높은 빨강과 밝고 채도 낮은 빨강은 색조가 같아도 아예 다른 색처럼 느껴질 수 있어요. 실제로 색을 기억하는 사람들은 색조는 대략 맞히고 채도는 과장하는 경향이 있어요. 기억 속의 색이 실제보다 더 선명해요. 명도 오차는 주변 빛에 따라 어느 쪽으로든 나요. 요소별 점수에서 찾아볼 패턴이 이런 거예요.

다른 모델 옆의 HSB

HSB는 같은 색을 설명하는 여러 방법 중 하나이고, 각각 존재하는 이유가 있어요. 과제에 맞지 않는 모델을 고르는 것이 혼란의 흔한 원인이어서, 각각의 용도를 정리해요.

이렇게 기억하면 쓸모 있어요. RGB는 기계를 위한 것이고, HSB와 HSL은 사람을 위한 것이며, Lab은 측정을 위한 것이에요. Delta E로 점수를 매기는 색 지각 도구는 Lab으로 측정하는 것이고, 슬라이더 세 개를 주는 도구는 HSB로 답하게 해 주는 거예요. 둘 다 타당하고, 서로 다른 것을 알려줘요.

슬라이더 세 개가 견본보다 더 많은 것을 알려주는 이유

색을 보여 주고 사라지게 한 뒤 견본 여섯 개 중 가장 가까운 것을 고르게 하면, 결과는 맞았는지 틀렸는지와 거리라는 한 비트의 정보예요. 대신 세 개의 별개 조작으로 색을 다시 만들면 결과는 세 개의 숫자예요. 색조에서, 채도에서, 명도에서 얼마나 빗나갔는지요. 그 세 숫자가 진단이에요. 매일 색조 오차는 작고 채도 오차는 큰 사람은 자기가 어떻게 보는지에 대해 무언가를 배웠고, 그것을 보정할 수 있어요.

이것이 Percore 색 세션의 근거예요. 화면 가득 색을 보여 주고, 숨기고, 색조, 채도, 명도 슬라이더로 돌려달라고 해요. 오차는 각각 정규화해요. 색조는 180° 기준이고 나머지 둘은 전체 범위 기준이에요. 세 값의 평균이 0~100의 정확도가 되고 항목별 내역도 함께 보여요. 전체 공식은 Percore는 어떻게 점수를 매기나요에 있고, 색감을 키우는 방법은 그 내역을 연습으로 바꿔요.