색상 변환기

HEX, RGB, HSL 색상을 실시간으로 변환하세요. 색상 피커, 직접 입력, 프리셋 클릭 — 세 가지 형식이 항상 동기화됩니다.

#6366f1
색상 선택:
HEX
RGB
HSL
프리셋 색상

More converters

All Converters & Encoders tools
사용 방법

1. 색상 값 입력

HEX, RGB, HSL 중 어느 필드에나 값을 입력하면 나머지 두 형식이 즉시 업데이트됩니다.

2. 색상 피커 사용

색상 피커를 클릭해 시각적으로 선택하세요. 세 가지 형식이 자동으로 동기화됩니다.

3. 프리셋 클릭

8가지 대표 웹 색상 중 하나를 클릭하면 모든 형식에 즉시 로드됩니다.

4. 형식 복사

HEX, RGB, HSL 옆의 복사 버튼을 클릭해 형식화된 문자열을 클립보드에 복사하세요.

자주 묻는 질문

HEX는 CSS에서 널리 사용되는 16진수 표기법입니다 (예: #ff0000). RGB는 빨강, 초록, 파랑 채널을 0~255 숫자로 지정합니다. HSL은 색상(Hue), 채도(Saturation), 밝기(Lightness)의 약자로, 색조나 밝기를 독립적으로 조정할 수 있어 디자이너에게 직관적입니다.
HSL은 직관적입니다. 더 밝은 색을 원하면 L을 높이고, 채도를 낮추려면 S를 줄이면 됩니다. 보색으로 이동하려면 H에 180만 더하면 되며 채도나 밝기를 건드릴 필요가 없습니다.
현재는 지원하지 않습니다. 이 툴은 불투명한 RGB 색상만 처리합니다. RGBA 및 HSLA 형식 지원은 향후 업데이트에서 추가될 예정입니다.
HEX ↔ RGB 변환은 손실 없이 정확합니다. HSL 값은 부동소수점 연산으로 인해 약간의 반올림 차이가 있을 수 있지만 시각적 결과는 동일합니다. HEX → HSL → HEX로 변환해도 원래 HEX가 1 반올림 이내로 재현됩니다.
Sponsor
Get started on Vultr
Get $300 free credit — valid for 30 days
Claim your credit →