🎨RGB ↔ CMYK ↔ HSL 색상 값 변환기

색상 코드를 RGB·CMYK·HSL 형식 간에 자유롭게 변환

Red (R)

Green (G)

Blue (B)

RGB·CMYK·HSL 색상 변환기 사용법

웹 디자인, 인쇄, UI 작업을 하다 보면 같은 색을 RGB, CMYK, HSL 세 가지 형식으로 각각 표현해야 하는 경우가 많습니다. 이 변환기는 R, G, B 값(0~255)을 입력하면 HEX 코드, 인쇄용 CMYK 값, 그리고 웹 디자인에서 자주 쓰이는 HSL 값을 한 번에 계산해 보여줍니다.

RGB는 빨강·초록·파랑 빛을 섞어 색을 표현하는 가산혼합 방식으로 모니터, TV, 스마트폰 화면에 사용됩니다. 반면 CMYK는 청록·마젠타·노랑·검정 잉크를 섞는 감산혼합 방식으로 프린터와 인쇄물에 사용되며, 화면에서 보던 색이 인쇄물에서는 다소 탁하게 나올 수 있는 이유이기도 합니다. HSL은 색상(Hue)·채도(Saturation)·명도(Lightness)로 색을 표현하는 방식으로, CSS에서 색조는 유지한 채 밝기나 채도만 조절하고 싶을 때 특히 유용합니다.

디자인 시안을 인쇄 발주할 때 CMYK 값을 미리 확인하거나, 웹 색상 코드를 HSL로 바꿔 테마 컬러를 응용할 때, 브랜드 컬러 가이드를 만들 때 이 변환기를 활용해 보세요. R, G, B 값 중 하나라도 비워두면 계산이 진행되지 않으니 세 값을 모두 입력해야 합니다.

자주 묻는 질문

RGB를 CMYK로 변환하면 왜 값이 다르게 나오나요?

RGB는 빛의 삼원색(가산혼합)으로 화면 표시에, CMYK는 잉크의 사원색(감산혼합)으로 인쇄에 사용됩니다. 두 색공간은 표현 범위(색역)가 달라 변환 시 근사값이 계산되며, 특히 밝고 선명한 색은 인쇄에서 정확히 재현되지 않을 수 있습니다.

HSL 값은 어디에 주로 사용되나요?

HSL(색상·채도·명도)은 CSS 등 웹 디자인에서 색상을 직관적으로 조절할 때 자주 사용됩니다. 색상(Hue)만 바꾸면 같은 채도·명도를 유지한 채 다른 색으로 쉽게 변경할 수 있습니다.

RGB·CMYK·HSL 색상 변환기 사용법

자주 묻는 질문

함께 보면 좋은 도구