🎨색상 코드 변환 (HEX ↔ RGB ↔ HSL)
HEX, RGB, HSL 색상 코드를 서로 변환하세요. 디자이너와 개발자를 위한 무료 도구.
🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요
사용 방법
- 1원하는 형식의 색상 코드를 입력하거나 색상 휠에서 선택합니다.
- 2다른 형식의 코드가 자동으로 변환되어 표시됩니다.
- 3원하는 코드를 복사 버튼으로 복사합니다.
자주 묻는 질문
HSL이 뭐가 다른가요?+
HSL(색조, 채도, 명도)은 색을 직관적으로 조절할 때 편리합니다. 같은 색의 밝기만 바꾸고 싶을 때 HSL이 RGB보다 쉽습니다.
HEX와 RGB는 같은 색이에요?+
네. 표기 방식만 다릅니다. #FF0000 = rgb(255, 0, 0) = 빨강. HEX는 짧고 익숙해서 CSS에서 흔히 사용됩니다.
투명도(알pha)도 포함되나요?+
RGBA, HSLA, HEX 8자리(#RRGGBBAA)로 알파 채널을 표시할 수 있습니다.
디자인용으로 어떤 형식이 좋아요?+
CSS는 HEX 또는 hsl(), 디자인 도구(Figma)에선 HEX 8자리, 인쇄용은 CMYK(이 도구 미지원).
CMYK도 변환되나요?+
현재는 RGB 기반 색상만 지원합니다. CMYK는 인쇄용으로 별도 전문 도구가 필요합니다.
한국 사이트 색상 추출에도 좋은가요?+
[이미지 색상 추출] 도구와 함께 쓰면 좋습니다. 이미지에서 색상 팔레트 추출 후 각 색을 HSL로 변환해 디자인 시스템 만들기.