개발자·텍스트
🎨 색상 코드 변환기
HEX, RGB, HSL 색상 코드를 즉시 변환하고 복사합니다.
색상 미리보기
#3EC8FF
HEX
RGB
R
G
B
HSL
H
S
L
색상 코드 형식 비교
| 형식 | 예시 | 범위 | 주요 사용처 |
|---|---|---|---|
| HEX | #FF6B00 | 00~FF (16진수) | HTML, CSS, 디자인 툴 |
| RGB | rgb(255, 107, 0) | 0~255 (정수) | CSS, 이미지 편집 |
| HSL | hsl(25, 100%, 50%) | H:0~360, S/L:0~100% | CSS, 색상 설계 |
| RGBA | rgba(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) 기준으로 변환합니다.