HSB

“Hue, Saturation, Brightness”를 의미합니다.

HSB는 세 가지 숫자 값으로 색상을 정의하는 색상 모델입니다. 색상환에서 한 지점을 지정하고 채도와 밝기를 조정하여 최종 색상을 정의합니다. 많은 그래픽 디자인 프로그램에서는 필요에 따라 RGB와 HSB 색상 선택기 사이를 전환할 수 있습니다. HSB는 HSV 또는 “Hue, Saturation, Value”라고도 합니다.

HSB 색상 모델은 다음 세 가지 속성으로 색상을 지정합니다.

• 색상(Hue)은 0º에서 359º 사이의 숫자로 색상환에서 각도상의 위치를 나타냅니다. 색상환의 맨 위에는 0º의 빨간색이 있고, 그 다음으로 60º의 노란색, 120º의 녹색, 180º의 청록색, 240º의 파란색, 300º의 자홍색이 있습니다.
• 채도(Saturation)는 최종 색상에 해당 색상이 얼마나 포함되어 있는지를 0~100%의 백분율로 나타냅니다. 채도가 100%이면 가장 강렬한 색상이 됩니다. 채도가 0%이면 밝기 속성에 따라 흰색, 검은색 또는 회색 음영이 됩니다.
• 밝기(Brightness)(또는 값(Value))는 색상의 밝기를 0~100%의 백분율로 나타냅니다. 밝기가 0%이면 검은색이고, 밝기가 100%이면 순수한 색상이 됩니다(채도가 0%인 경우에는 흰색).

HSB 색상 모델은 RGB 모델과 동일한 범위의 색상을 만들 수 있으며, 단지 다른 형식으로 나타낼 뿐입니다. 예를 들어 RGB 값 R:141 G:195 B:126또는 (16진수 값 #8DC37E)을 사용하는 연한 녹색은 색상 107º, 채도 35%, 밝기 76%의 HSB 값을 사용하는 색상과 같습니다. 디지털 이미지는 여전히 RGB 값을 사용하여 해당 색상을 저장합니다.

그래픽 디자이너는 약간의 색상 조정을 할 때 HSB 색상 슬라이더를 자주 사용합니다. 예를 들어 색상의 채도를 조정하려는 경우, 디자이너는 HSB 색상 선택기로 전환한 다음 서로 다른 RGB 슬라이더 세 개를 조정하는 대신 채도 슬라이더 하나를 조정할 수 있습니다. 대부분의 그래픽 디자인 및 이미지 편집 프로그램은 색상 선택기에 RGB 값과 HSB 값을 함께 표시하므로 디자이너는 작업에 가장 적합한 색상 모델을 사용하여 조정할 수 있습니다.

NOTE: HSB 색상 모델은 HSL 모델과 비슷합니다. HSL 모델은 색상에 동일한 계산을 사용하지만 채도와 밝기에는 다른 계산을 사용합니다.