개발자 도구

색상 변환기

HEX, RGB, HSL 형식 간 색상을 변환하고 실시간으로 미리 봅니다.

브라우저에서 처리됩니다
추천 도구AI Coding Assistant

GitHub Copilot

AI pair programmer that helps you write code faster with smart suggestions.

무료 체험

개요 색상 변환기?

색상 변환기는 HEX, RGB, HSL, HSV, CMYK 등 다양한 색상 형식 간 변환을 수행합니다. 디자이너와 개발자가 CSS, Figma, Photoshop, 인쇄 디자인 등 서로 다른 도구를 오가며 작업할 때 색상 형식을 전환해야 하는 경우가 많습니다.

사용 방법

  1. 지원 형식 중 아무 것이나 색상 값을 입력하세요 (예: #FF5733 또는 rgb(255, 87, 51))
  2. 다른 모든 색상 형식의 동일 값이 즉시 표시됩니다
  3. 컬러 피커를 사용하여 시각적으로 색상을 선택하세요
  4. 원하는 형식을 디자인 도구나 코드에 바로 복사하세요

자주 묻는 질문

HEX와 RGB의 차이는 무엇인가요?
HEX는 16진수(#FF5733), RGB는 10진수(255, 87, 51)로 같은 색상을 표현합니다. CSS에서 모두 사용 가능합니다.
HSL 색상 모델의 장점은?
색상(Hue), 채도(Saturation), 명도(Lightness)를 직관적으로 조절할 수 있어 색상 팔레트를 만들 때 편리합니다.
웹에서 사용하기 좋은 색상 형식은?
CSS에서는 HEX가 가장 널리 쓰이고, 투명도가 필요하면 rgba()를, 색상 조절이 필요하면 hsl()을 사용하세요.