색상 변환기 (HEX, RGB, HSL)
3자리·6자리 HEX, RGB, HSL 색상을 서로 변환하고 HSV 값과 명시적으로 표시한 CMYK 근삿값도 함께 확인합니다.
HSL 입력은 표시되는 모든 값을 계산하기 전에 8비트 RGB로 반올림합니다. HEX에는 알파(투명도) 채널이 없습니다.
회색, 검정, 흰색에는 색상이 정의되지 않으며, CSS HSL 표기에서는 관례적으로 0을 대신 씁니다.
CMYK는 단순한 대수식 근삿값이며, ICC 프로파일을 쓰는 인쇄용 변환이 아닙니다.
| 채널 | 값 |
|---|---|
| 빨강 | 51 |
| 초록 | 102 |
| 파랑 | 153 |
웹사이트와 디지털 작업에서 쓰는 대표적인 형식 사이에서 색상을 변환합니다. 입력 형식으로 HEX, RGB, HSL 중 하나를 고르면 그에 해당하는 8비트 sRGB 값을 보여 줍니다. HSV의 채도와 명도, 계산 원리를 이해하기 위한 간단한 CMYK 추정값도 함께 나타납니다.
사용 방법
- 입력 형식을 고릅니다. 선택한 형식에 맞는 칸만 사용됩니다.
- 3자리 또는 6자리 HEX 코드, 정수 RGB 채널 값, 또는 HSL 값을 입력합니다.
- 정규화된 HEX와 RGB 결과를 확인한 뒤 다른 표기를 복사합니다.
계산식
HSL: L = (max + min) / 2; 채도 S = (max − min) / (1 − |2L − 1|) (채도 성분이 0이 아닐 때)
최댓값과 최솟값은 0~1로 정규화한 RGB 성분입니다. 색상(Hue)은 어느 채널 구간에 있는지로 정해집니다. HSL 입력은 먼저 정수 채널로 반올림하며, 정확히 0.5가 되는 경우는 올림하므로 표시되는 모든 형식이 같은 8비트 색을 나타냅니다.
예시
HEX #336699는 RGB 51, 102, 153입니다. 255로 나누면 0.2, 0.4, 0.6이 됩니다. 명도는 40%, HSL 채도는 50%, 색상은 210도이며 HSV 명도(Value)는 60%입니다.
반올림
디지털 채널은 0에서 255 사이의 정수입니다. 퍼센트로 입력한 값의 작은 차이는 같은 출력으로 반올림될 수 있습니다. 또한 모니터, 프로파일, 주변 색에 따라 같은 숫자의 색도 다르게 보일 수 있습니다.
자주 묻는 질문
회색에서는 왜 색상이 정의되지 않나요?
세 채널의 값이 모두 같아 색의 방향이 없기 때문입니다. HSL 표기의 0도는 CSS에서 관례적으로 쓰는 자리 표시일 뿐입니다.
CMYK 결과를 바로 인쇄에 쓸 수 있나요?
쓸 수 없습니다. K = 1 − max(R, G, B)로 구하고 남은 채널 차이를 1 − K로 나누는 방식입니다. 실제 인쇄 변환에는 장치와 용지 프로파일이 필요하며, 검정은 따로 처리됩니다.
투명도나 색 이름도 입력할 수 있나요?
이 도구는 불투명한 HEX, RGB, HSL만 받습니다. 4자리·8자리 알파 HEX, CSS 색 이름, 넓은 색 영역 색 공간은 입력 범위에 포함되지 않습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/color-converter/
인용·퍼가기
kakaoCalc. (2026, November 8). 색상 변환기 (HEX, RGB, HSL). https://kakao.mobile/ko/tools/color-converter/
“색상 변환기 (HEX, RGB, HSL).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/color-converter/.