온라인 색상 코드 변환기 (HEX, RGB, HSL)

사용법

1. HEX, RGB, HSL 중 어느 입력창에든 값을 입력하면 나머지 두 형식이 자동으로 계산됩니다.
2. 정확한 코드를 모른다면 컬러 피커를 눌러 원하는 색을 직접 골라도 됩니다.
3. 각 형식 옆 복사 버튼으로 CSS/디자인 툴에 바로 붙여넣을 수 있습니다.

HEX, RGB, HSL 언제 다르게 쓰나

• HEX — CSS, 디자인 툴에서 가장 흔히 쓰는 표기법 (#c0392b)
• RGB — 투명도(alpha)를 함께 다루는 rgba()로 확장하기 편리
• HSL — 색상(Hue)은 고정하고 명도·채도만 조절해 톤온톤 팔레트를 만들 때 편리

자주 묻는 질문

Q. "유효하지 않은 값" 오류가 뜹니다.
RGB는 rgb(192, 57, 43), HSL은 hsl(5, 63%, 46%) 형식을 정확히 지켜야 합니다. 쉼표나 % 기호 누락이 흔한 원인입니다.

Q. 3자리 HEX(예: #f0c)도 지원하나요?
네, 3자리 축약형 HEX도 자동으로 6자리로 변환해 처리합니다.