색상 변환기란?
색상 변환기는 HEX, RGB, HSL 등 다양한 색상 코드 형식을 상호 변환해 주는 도구입니다.
웹 디자인, UI/UX 개발, 그래픽 작업에서 색상을 지정할 때 CSS의 color,
background-color 속성에는 HEX(#RRGGBB) 코드를, 캔버스 API나 라이브러리에서는
RGB 값을, 디자인 툴에서는 HSL 값을 주로 사용합니다. 이 도구로 세 가지 형식을 한눈에 비교하고
변환할 수 있습니다.
HEX는 16진수 6자리(#FF5733)로 표현하는 가장 간결한 형식이며, RGB는 빨강·초록·파랑 각각 0~255 정수로 표현합니다. HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)로 표현하여 사람이 색을 직관적으로 조정하기에 적합합니다. 컬러 피커로 원하는 색을 선택하면 모든 코드가 실시간으로 동기화됩니다.
사용법
- 색상 선택: 컬러 피커를 클릭하거나 HEX 입력창에 코드를 직접 입력하세요. 팔레트에서 빠르게 선택할 수도 있습니다.
- 실시간 변환: 선택한 색상의 HEX, RGB, HSL, RGBA 코드가 자동으로 계산되어 표시됩니다.
- 코드 복사: 각 코드 옆의 '복사' 버튼을 누르면 해당 형식의 색상 코드가 클립보드에 복사됩니다.
- 미리보기: 좌측 큰 색상 박스에서 선택한 색을 바로 확인할 수 있습니다.