색상 변환기
HEX, RGB, HSL 형식 간 색상을 변환하고 실시간으로 미리 봅니다.
100% Client-Side
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
빨강
59
초록
130
파랑
246
색조
217°
채도
91%
명도
60%
개요 색상 변환기?
색상 코드를 HEX, RGB, HSL, CMYK 등 다양한 형식으로 변환합니다. 웹 디자인과 그래픽 작업에서 색상 값을 빠르게 변환할 때 사용합니다.
사용 방법
- 색상 값을 아무 형식으로 입력하세요 (예: #FF5733, rgb(255,87,51))
- 모든 형식의 변환 결과가 즉시 표시됩니다
- 색상 미리보기로 시각적으로 확인하세요
자주 묻는 질문
- HEX와 RGB의 차이는 무엇인가요?
- HEX는 16진수(#FF5733), RGB는 10진수(255, 87, 51)로 같은 색상을 표현합니다. CSS에서 모두 사용 가능합니다.
- HSL 색상 모델의 장점은?
- 색상(Hue), 채도(Saturation), 명도(Lightness)를 직관적으로 조절할 수 있어 색상 팔레트를 만들 때 편리합니다.
- 웹에서 사용하기 좋은 색상 형식은?
- CSS에서는 HEX가 가장 널리 쓰이고, 투명도가 필요하면 rgba()를, 색상 조절이 필요하면 hsl()을 사용하세요.