🎨Color Converter

HEX, RGB, HSL 색상 형식 간 변환

Enter any color (HEX, RGB, HSL, name)

HEX

#3b82f6

RGB

rgb(59, 130, 246)

R: 59 G: 130 B: 246

HSL

hsl(217, 91%, 60%)

H: 217 S: 91% L: 60%

색상 변환기란?

색상 변환기는 HEX, RGB, HSL 등 다양한 색상 표현 형식 간의 변환을 즉시 처리해주는 도구입니다. 웹 개발이나 UI 디자인 작업 중 디자인 툴에서 얻은 HEX 코드를 CSS의 rgb() 또는 hsl() 형식으로 바꾸거나, 색상 이름(예: blue, tomato)으로 정확한 수치를 확인할 때 유용합니다.

사용 방법

입력창에 변환할 색상값을 입력합니다. HEX(#3b82f6), RGB(rgb(59,130,246)), HSL, 색상 이름 모두 지원합니다.
오른쪽 컬러 피커를 클릭하여 시각적으로 색상을 선택할 수도 있습니다.
변환된 HEX, RGB, HSL 값이 아래에 표시되며, 각 형식 옆 복사 버튼으로 값을 바로 복사합니다.