색상 코드 변환기
HEX · RGB · HSL 상호 변환
HEX(#FF5733), RGB(255, 87, 51), HSL(9°, 100%, 60%)을 서로 변환합니다. 색상 피커로 직접 고르거나 코드를 입력하면 모든 형식이 즉시 동기화됩니다.
색상 미리보기 — 오른쪽 아래 버튼으로 색상 피커 열기
HEX
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
사용 방법
- 1
색상 선택 또는 입력
색상 피커로 색을 고르거나 HEX/RGB/HSL 코드를 직접 입력합니다.
- 2
자동 변환 확인
입력한 색상이 모든 형식으로 즉시 변환되어 표시됩니다.
- 3
복사
원하는 형식 옆 복사 버튼을 눌러 코드를 가져갑니다.
자주 묻는 질문
Q. OKLCH, HSB 형식도 지원하나요?
현재는 HEX, RGB, HSL을 지원합니다. OKLCH와 HSB는 추후 추가 예정입니다.
Q. CSS에서 어떤 색상 형식을 써야 하나요?
HEX는 간결하고, RGB는 투명도(rgba)를 쉽게 추가할 수 있으며, HSL은 색조·채도·명도를 직관적으로 조절할 수 있어 디자인 시스템에 유용합니다.