개발자·텍스트

🎨 색상 코드 변환기

HEX, RGB, HSL 색상 코드를 즉시 변환하고 복사합니다.

색상 미리보기
#3EC8FF
HEX
RGB
R
G
B
HSL
H
S
L

색상 코드 형식 비교

형식예시범위주요 사용처
HEX#FF6B0000~FF (16진수)HTML, CSS, 디자인 툴
RGBrgb(255, 107, 0)0~255 (정수)CSS, 이미지 편집
HSLhsl(25, 100%, 50%)H:0~360, S/L:0~100%CSS, 색상 설계
RGBArgba(255,107,0,0.5)RGB + 투명도(0~1)CSS 투명 레이어

자주 묻는 질문 (FAQ)

Q. HEX, RGB, HSL 중 어느 것을 사용해야 하나요?

A. HEX는 디자이너와 개발자 모두에게 가장 친숙한 형식으로 HTML/CSS에서 널리 사용됩니다. RGB는 이미지 편집이나 프로그래밍에서 직관적입니다. HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)로 구성되어 색상을 조절할 때 가장 직관적입니다.

Q. HEX 코드 3자리와 6자리의 차이는?

A. #RGB 형식(3자리)은 #RRGGBB 형식(6자리)의 축약형입니다. #F60은 #FF6600과 동일합니다. 각 자리의 두 값이 동일한 경우에만 축약이 가능합니다.

Q. 투명도(알파)가 포함된 색상은?

A. 투명도가 포함된 형식은 RGBA(rgba(255,107,0,0.5))와 HEXA(#FF6B0080) 형식이 있습니다. 본 변환기는 불투명 색상(알파=1.0) 기준으로 변환합니다.

함께 쓰면 좋은 도구

🔐
Base64 변환기
이미지를 Base64로 인코딩
📋
JSON 포맷터
CSS 설정 JSON으로 관리