색상 모델 변환 도구（RGB・HSL・HSV・CMYK）
HEX 색상 코드를 입력하거나 색상 선택기로 색을 고르면, RGB・HSL・HSV（HSB）・CMYK 네 가지 색상 모델의 값을 한 번에 계산하여 보여줍니다.
각 색상 모델의 차이
| 모델 | 개요 | 주요 용도 |
|---|---|---|
| RGB | 빛의 삼원색（빨강・초록・파랑）을 각각 0〜255의 숫자로 혼합해 색을 표현하는 가산혼합 모델입니다. | 디스플레이・웹 개발（CSS）・이미지 편집 소프트웨어의 기본 형식입니다. |
| HSL | 색상（Hue）・채도（Saturation）・명도（Lightness） 세 요소로 색을 표현하는 모델로, 사람의 직관에 가까운 방식으로 색을 조정하기 쉽습니다. | CSS의 `hsl()` 함수, 배색 도구에서의 색상・채도 조정에 사용됩니다. |
| HSV/HSB | 색상（Hue）・채도（Saturation）・명도（Value/Brightness） 세 요소로 색을 표현하는 모델로, HSL과 비슷하지만 세 번째 축의 정의가 다릅니다. | Photoshop・Illustrator 등 디자인 도구의 색상 선택기에 사용됩니다. |
| CMYK | 시안・마젠타・노랑・검정판（검정） 네 가지 잉크를 겹쳐 색을 표현하는 감산혼합 모델입니다. | 인쇄물 디자인・DTP（종이 매체의 색 재현）에 사용됩니다. |
사용 팁
- HEX 코드 입력란에는 `#` 유무, 3자리 축약형（예: `#f60`）과 6자리 완전형 어느 쪽이든 입력할 수 있습니다.
- 색상 선택기로 고른 색은 자동으로 HEX 코드에 반영되므로, 감각적으로 색을 고르면서 정확한 수치를 확인할 수 있습니다.
- CSS에서 배경색이나 글자색을 `hsl()` 함수로 지정하고 싶다면, 여기서 계산된 HSL 값을 그대로 `hsl(H, S%, L%)` 형식으로 사용할 수 있습니다.
- 인쇄용 데이터를 만들 때는 여기 표시되는 CMYK 값이 어디까지나 간이 환산값이며, 실제 인쇄소가 사용하는 ICC 프로파일 기반의 변환값과는 다소 차이가 있을 수 있다는 점에 유의하세요.
자주 묻는 질문
RGB는 빛의 삼원색인 빨강・초록・파랑을 각각 0〜255의 숫자로 섞어 색을 표현하는 방식으로, 컴퓨터가 색을 다룰 때의 기본 형식입니다. 반면 HSL은 같은 색을 「색상・채도・명도」라는 사람의 감각에 가까운 세 축으로 다시 표현한 것으로, 「조금 더 밝게」「조금 더 선명하게」와 같은 직관적인 색 조정이 쉽다는 특징이 있습니다.
HSV와 HSL은 모두 색상（H）과 채도（S）를 공유하지만, 세 번째 축의 정의가 다릅니다. HSL의 명도（Lightness）는 「검정〜흰색이 섞인 정도」를 나타내는 반면, HSV의 명도（Value）는 「그 색에 검정이 얼마나 섞여 있는가」만을 나타냅니다. 순색에 가까운 선명한 색을 고르고 싶을 때는 HSV가 더 직관적으로 다루기 쉽다고 알려져 있으며, Photoshop 등 많은 디자인 도구에서 채택하고 있습니다.
이론상으로는 시안・마젠타・노랑 세 가지 잉크를 균등하게 겹치면 검정이 되어야 하지만, 실제 잉크는 완전한 순색이 아니기 때문에 세 가지를 섞어도 탁한 갈색에 가까운 색밖에 나오지 않습니다. 그래서 인쇄 업계에서는 검정 잉크（검정판, K）를 별도로 추가하여 문자 등의 검정을 또렷하게 인쇄할 수 있도록 하고 있습니다.
디스플레이는 빨강・초록・파랑의 빛을 섞어 색을 만드는 「가산혼합」 방식이기 때문에 빛의 삼원색에 기반한 RGB가 적합합니다. 반면 종이에 잉크를 겹치는 인쇄는 빛을 흡수해 색을 만드는 「감산혼합」 방식이기 때문에 잉크의 삼원색에 검정을 더한 CMYK가 사용됩니다. 두 방식은 원리가 다르기 때문에 화면에서 본 색과 인쇄된 색이 완전히 일치하지 않는 「색역（gamut）」 차이가 발생하기도 합니다.
여담 ― 색상 모델의 역사와 용도 구분
RGB 가산혼합의 개념 자체는 19세기 색채 이론까지 거슬러 올라가지만, 컴퓨터 그래픽에서 널리 쓰이게 된 것은 1970년대 이후입니다. 당시 컬러 텔레비전과 디스플레이는 브라운관의 형광체（빨강・초록・파랑 세 종류）를 발광시켜 색을 만드는 구조였기 때문에, 그 물리적 구조에 그대로 대응하는 수치 모델로 RGB가 채택되었습니다.
HSL과 HSV는 모두 1970년대부터 1980년대에 걸쳐, 컴퓨터 그래픽 연구자들이 「사람이 RGB 수치를 직접 조정하는 것은 직관적이지 않다」는 과제를 해결하기 위해 고안했습니다. 특히 HSV는 1978년 Alvy Ray Smith（훗날 Pixar의 공동 창업자 중 한 명이 된 인물）가 발표한 논문에서 정식화된 것으로 잘 알려져 있습니다.
CMYK는 인쇄 기술의 역사와 함께 발전해 온 색상 체계로, 4색 분판 인쇄（four-color process printing）라는 기법에서 유래했습니다. 시안・마젠타・노랑 세 가지 색만으로는 깊이 있는 검정을 재현하기 어렵다는 인쇄 특유의 과제를 해결하기 위해 K（검정판）가 추가되었으며, 오늘날에도 오프셋 인쇄・잉크젯 프린터 등 많은 인쇄 기술의 표준으로 CMYK가 계속 사용되고 있습니다.