HEX → RGB 변환기
HEX 색상 코드를 RGB로 즉시 변환하여 색상 표현을 간편하게 합니다. 원하는 HEX 값을 입력하고 변환 버튼을 클릭하세요.
HEX 코드를 붙여넣거나 RGB / HSL 슬라이더를 움직이거나, 비주얼 피커로 색상을 선택해 HEX, RGB, HSL, CMYK 사이를 실시간으로 변환하세요.
HEX
3자리 또는 6자리 HEX 코드를 붙여넣으세요. # 기호는 있어도 없어도 됩니다.
RGB
HSL
CMYK
%
%
%
%
CMYK 는 인쇄용 색공간입니다. 값은 RGB 에서 계산되고 정수 퍼센트로 반올림됩니다.
색상 변환기란?
색상 변환기는 웹·디자인·인쇄에서 사용되는 다양한 형식 사이에서 같은 색을 변환합니다. 같은 파란색을 #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%), cmyk(56%, 22%, 0%, 30%) 처럼 표현할 수 있는데, 도구마다 사용하는 형식만 다를 뿐 모두 동일한 색입니다.
색상 형식 안내
- HEX — CSS 와 디자인 도구에서 쓰는 6 자리 16진 코드 (예: #4F8AB2).
- RGB — 0~255 범위의 Red, Green, Blue 채널값 — CSS 와 대부분의 API 에서 사용.
- HSL — 색조 (0-360), 채도 (%), 명도 (%) — 시각적 조정에 직관적.
- CMYK — Cyan, Magenta, Yellow, Key 의 4채널 형식 — 인쇄용.
자주 묻는 질문
HEX 코드를 두 자리씩 세 쌍으로 나누고, 각 쌍을 16진수에서 10진수로 변환합니다. #4F8AB2 의 경우 4F = 79, 8A = 138, B2 = 178 이므로 rgb(79, 138, 178) 입니다. 변환기는 이를 실시간으로 처리합니다.
HEX, RGB, HSL 은 동일한 RGB 색을 서로 다른 표기로 나타냅니다. HEX 는 간결하고, RGB 는 채널값을 그대로 보여주며, HSL 은 색조·채도·명도를 직관적으로 조절할 수 있습니다. CMYK 는 인쇄용 4채널 색공간으로 RGB 에서 계산되며 화면 색과 완전히 일치하지 않을 수 있습니다.
네. 3자리 HEX 는 각 자리를 두 번 반복하는 축약 형태로, #FA0 은 #FFAA00 과 동일합니다. 변환기는 두 형태 모두 # 유무에 관계없이 받아들입니다.
화면은 가산혼합의 RGB 를, 인쇄는 감산혼합의 CMYK 를 사용하기 때문에 모든 RGB 색이 정확히 매칭되지 않습니다. 전문 디자인 소프트웨어는 종이·잉크·프린터 프로파일을 반영하지만, 여기서 보여드리는 값은 수학적 변환값으로 출발점으로 활용하기 좋습니다.
RGB 채널은 0~255, HSL 의 채도와 명도는 0~100% 로 제한됩니다. 색조는 0~360 도의 값으로 처리합니다. 범위를 벗어난 값은 유효 범위로 보정되고 다른 형식이 자동으로 갱신됩니다.
