RGB → HSV(HSB) 변환기

HSV는 HSB(색상, 채도, 밝기)라고도 부르며, 포토샵, Figma, Procreate를 비롯한 대부분의 색상 선택기가 쓰는 모델입니다. 색상환에서 색상을 고른 뒤 사각형 안에서 움직이는데, 오른쪽일수록 채도가 높고 위쪽일수록 밝습니다. 이 변환기는 RGB, HEX, CMYK를 HSV로, 또 그 반대로 바꾸고, OpenCV가 쓰는 8비트 값(색상 0–179, 채도와 명도 0–255)도 알려 줍니다. 이미지 처리 코드에서 색상 임계값을 정할 때 유용합니다.

사용 방법

1. RGB/HEX → HSV, CMYK → HSV, HSV → RGB/HEX 중에서 고릅니다.
2. 색상을 입력합니다. HEX 코드나 rgb(), CMYK 퍼센트 네 개, 또는 색상·채도·명도입니다.
3. HSV 값, OpenCV 척도 값, 또는 HEX/RGB 결과를 확인합니다.
4. 견본에서 색이 채도/명도 사각형의 어디에 있는지 봅니다.

계산식

V = max(R′, G′, B′) · S = (max − min) ÷ max · H = 60° × 구간 공식 (HSL과 같음)

R′, G′, B′는 채널 ÷ 255입니다. HSV에서 되돌릴 때는 i = ⌊H ÷ 60⌋, f를 소수 부분으로 하여 p = V(1 − S), q = V(1 − S·f), t = V(1 − S(1 − f))이며, 구간마다 V, t, p, q의 순서가 다릅니다. OpenCV는 색상을 반으로 줄여 한 바이트에 담고 고정소수점 정수로 계산하는데, 이 페이지는 그 방식을 그대로 재현합니다.

예시

#FF6347은 최댓값 1, 최솟값 0.2784이므로 V = 100%, S = (1 − 0.2784) ÷ 1 = 72.2%, H = 9.1°, 즉 hsv(9.1, 72.2%, 100%)입니다. OpenCV에서는 H 5, S 184, V 255입니다. 되돌리면 HSV(210°, 66.7%, 60%)는 V = 153, p = 51, q = 102이고 구간 (p, q, V) = rgb(51, 102, 153) = #336699가 됩니다.