ページを読み込んでいます
HEX, RGB, HSL, CMYK 간 색상 코드 변환. 디자이너와 개발자를 위한 필수 도구.
입력란에 HEX(#FF5733), RGB(rgb(255,87,51)), HSL(hsl(9,100%,60%)) 중 하나의 형식으로 색상 코드를 입력합니다.
입력한 색상이 자동으로 HEX, RGB, HSL, HSV, CMYK 각 형식으로 변환됩니다. 미리보기로 색상을 시각적으로 확인할 수 있습니다.
각 형식 옆의 '복사' 버튼을 클릭하여 필요한 색상 코드를 클립보드에 복사합니다.
HEX (#FF5733), RGB (rgb(255,87,51)), HSL (hsl(9,100%,60%)) 지원
HEX
#3B82F6CSS RGB
rgb(59, 130, 246)CSS HSL
hsl(217, 91%, 60%)RGB
R: 59, G: 130, B: 246HSL
H: 217°, S: 91%, L: 60%HSV
H: 217°, S: 76%, V: 96%CMYK
C: 76%, M: 47%, Y: 0%, K: 4%※ CMYK/HSL/HSV는 정수 반올림으로 인해 왕복 변환 시 ±1~2 정도 차이가 발생할 수 있습니다
색상 변환 도구는 웹 개발과 디자인에서 사용되는 다양한 색상 표현 형식을 상호 변환할 수 있는 온라인 도구입니다. HEX(16진수), RGB, HSL, HSV, CMYK 등 주요 색상 형식을 지원하며, 디자인 도구나 CSS 색상 지정을 효율화합니다. 입력과 동시에 실시간으로 변환 결과가 표시되고, 미리보기로 실제 색상을 확인할 수 있습니다.
HEX는 16진수로 색상을 표현하며 CSS에서 널리 사용됩니다. RGB는 빨강, 초록, 파랑의 빛의 삼원색으로 색상을 지정합니다. HSL은 색조, 채도, 명도로 색상을 표현하며 직관적인 색상 조정에 적합합니다.
CMYK는 시안(C), 마젠타(M), 옐로(Y), 블랙(K)의 4색으로 색상을 표현하는 형식으로, 주로 인쇄에서 사용됩니다. RGB와는 색역이 다르기 때문에 완전한 변환이 어려운 경우가 있습니다.
CMYK, HSL, HSV는 정수로 반올림되기 때문에 왕복 변환(예: HEX→HSL→HEX) 시 ±1~2 정도의 오차가 발생할 수 있습니다. 이는 정상적인 동작입니다.
HEX(#RGB, #RRGGBB), RGB(rgb(R,G,B)), HSL(hsl(H,S%,L%))의 3가지 형식을 지원합니다. 입력 형식은 자동으로 감지됩니다.
현재 버전에서는 투명도(알파 값)를 지원하지 않습니다. 불투명한 색상만 변환할 수 있습니다.