색상 변환기
어떤 색이든 HEX, RGB, HSL, HSV, CMYK 사이로 변환해 보세요. 색을 고르거나 원하는 형식으로 값을 입력하면, 나머지 모든 표기가 브라우저 안에서 곧바로 업데이트됩니다.
색상 형식
HEX
RGB
HSL
HSV
hsv(18, 95%, 96%)
CMYK
cmyk(0%, 66%, 95%, 4%)
색상 변환기 사용 방법
- 1
색을 고르거나 붙여넣기
색상 견본을 클릭해 색상 선택기를 열거나, HEX, RGB, HSL 입력란 중 하나에 값을 붙여넣으세요. 어떤 색을 선택하든 도구 전체가 그 색에 맞춰 바뀝니다.
- 2
원하는 형식으로 편집
HEX, RGB, HSL 입력란에 직접 입력해 보세요. 값을 바꾸는 즉시 HSV와 CMYK를 포함한 나머지 모든 표기가 다시 계산됩니다.
- 3
모든 표기 한눈에 보기
같은 색을 다섯 가지 표기로 한 번에 확인할 수 있어, CSS와 인쇄, 이미지 편집기를 오가며 다른 도구를 따로 찾지 않고도 디자인 색을 맞출 수 있습니다.
- 4
필요한 값 복사
각 값 옆의 복사 버튼을 누르면 클립보드에 담기므로, 스타일시트나 디자인 파일에 바로 붙여넣을 수 있습니다.
자주 묻는 질문
HEX 색상을 RGB로 어떻게 변환하나요?
#f5530c 같은 HEX 코드를 HEX 입력란에 붙여넣으면, 그 아래에 RGB 값이 HSL, HSV, CMYK와 함께 즉시 표시됩니다. 이 경우 RGB 값은 rgb(245, 83, 12)입니다. HEX와 RGB는 동일한 8비트 색상 채널을 나타내므로 변환은 정확하게 이루어집니다.
HSL과 HSV는 어떻게 다른가요?
두 형식 모두 색조를 기준으로 색을 나타내지만, HSL은 여기에 채도와 명도(Lightness)를 결합하고, HSV(HSB라고도 함)는 채도와 명도(Value), 즉 밝기를 사용합니다. HSL은 CSS에서 흔히 쓰이는 반면, HSV는 여러 이미지 편집기와 색상 선택기에서 볼 수 있습니다. 이 변환기는 두 가지를 모두 함께 보여 주므로, 직접 계산하지 않고도 여러 디자인 도구 사이를 자유롭게 오갈 수 있습니다.
3자리 단축 HEX 표기도 지원하나요?
네. #f50 같은 단축 코드는 브라우저가 확장하는 방식 그대로 #ff5500으로 인식됩니다. HEX 값은 앞에 해시 기호(#)를 붙여도, 붙이지 않아도 되며 대문자와 소문자 모두 사용할 수 있습니다.
CMYK는 어디에 쓰이나요?
CMYK는 시안(Cyan), 마젠타(Magenta), 옐로(Yellow), 그리고 검정을 뜻하는 키(Key)를 가리키며, 인쇄에 사용되는 잉크 모델입니다. 여기 표시되는 값은 RGB에서 수학적으로 곧바로 변환한 결과입니다. 화면과 잉크는 색을 재현하는 방식이 서로 다르므로, 색상이 중요한 인쇄 작업에서는 반드시 사용하는 프린터의 고유 프로파일과 대조해 확인하세요.
내 데이터가 서버에 업로드되나요?
아니요. 모든 변환은 전적으로 브라우저에서 실행됩니다. 입력한 내용은 업로드되거나 기록·저장되지 않으므로 작업 내용이 완전히 비공개로 유지되며, 이 도구는 오프라인에서도 계속 작동합니다.
관련 도구
이런 편리한 도구도 함께 사용해 보세요