색상 변환기

어떤 형식을 지원하나요?

HEX, RGB, HSL 표기법 사이에서 색상을 즉시 변환합니다. 웹 디자인과 CSS 작업, 브랜드 색상 맞추기, 디자인 툴의 값을 코드에 필요한 형식으로 옮길 때 빠르게 도와주는 도구입니다.

색상 변환기 사용 방법

1. 색 선택 또는 값 입력 — 컬러 피커로 색을 고르거나 HEX·RGB·HSL 값을 직접 입력합니다.
2. 자동 변환 — 나머지 형식의 값이 즉시 함께 갱신됩니다.
3. 복사 — 필요한 형식 옆의 ‘복사’ 버튼으로 값을 가져갑니다.

HEX·RGB·HSL은 무엇이 다른가요?

HEX(예: #1a73e8)는 CSS에서 흔히 쓰이는 여섯 자리의 간결한 코드입니다. RGB는 빨강, 초록, 파랑 채널(0~255)로 색을 나타냅니다. HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)를 사용해 손으로 색을 조정하기가 더 쉽습니다.

HEX 코드는 어떻게 읽나요?

HEX는 #RRGGBB 형태로, 각각 빨강·초록·파랑을 두 자리 16진수(00~FF, 0~255)로 표현합니다. 예를 들어 #FF0000은 빨강, #00FF00은 초록입니다. 세 자리 축약형(#RGB)도 쓰이며 각 자리를 두 번 반복한 것과 같습니다.

HSL은 언제 쓰면 좋나요?

색상(Hue)만 돌려 색조를 바꾸거나, 채도·명도만 조절해 같은 계열의 밝고 어두운 변형을 만들 때 직관적입니다. 디자인에서 색을 손으로 미세 조정하거나 팔레트를 만들 때 특히 편리합니다.

입력한 색상 값은 어디로 전송되나요?

어디로도 전송되지 않습니다. 모든 변환은 브라우저 안에서만 이루어지므로 값이 서버로 올라가지 않으며, 오프라인에서도 동작합니다.