색상 변환기란?
색상 변환기는 HEX, RGB, HSL, HSB 등 다양한 표기 형식 간에 색상을 변환합니다. 디자이너와 개발자는 도구 간 전환 시 색상 변환이 자주 필요합니다. 예를 들어 HSL을 사용하는 디자인 앱에서 HEX나 RGB 값을 사용하는 CSS 코드로 이동할 때 유용합니다.
이 색상 변환기 사용법
- 지원되는 형식으로 색상 값을 입력합니다 (예: #FF5733, rgb(255, 87, 51) 또는 hsl(11, 100%, 60%)).
- 도구가 즉시 색상을 다른 모든 지원 형식으로 변환하여 함께 표시합니다.
- 변환된 값을 클릭 한 번으로 클립보드에 복사하여 코드나 디자인 도구에서 사용할 수 있습니다.
핵심 개념
HEX 코드는 빨강, 초록, 파랑 채널에 대해 6자리 16진수로 색상을 표현합니다. RGB는 각 채널에 0-255의 정수 값으로 색상을 정의합니다. HSL(색조, 채도, 명도)은 색조가 색상 바퀴에서 0-360도 각도, 채도가 색상 강도의 백분율, 명도가 밝기를 제어하는 더 직관적인 모델입니다. HSB(색조, 채도, 밝기)는 유사하지만 명도 대신 밝기를 사용하며, 일부 디자인 앱에서 선호됩니다.
RGB(r,g,b) → HEX = #RRGGBB, HSL(h,s,l) → RGB 변환
자주 묻는 질문
HSL과 HSB의 차이는?
둘 다 색조와 채도를 사용하지만, HSL은 명도(50%가 순수 색상)를 정의하고 HSB는 밝기(100%가 순수 색상)를 정의합니다. 같은 색조와 채도라도 각 모델에서 다르게 보일 수 있습니다.
알파 채널(투명도)이 있는 색상도 입력할 수 있나요?
네. rgba(255, 87, 51, 0.5)이나 8자리 HEX 코드(#FF573380)를 입력하면 변환기가 알파 값을 유지하며 모든 형식으로 변환합니다.
모든 CSS 색상 형식이 지원되나요?
변환기는 HEX(3, 4, 6, 8자리), RGB, RGBA, HSL, HSLA를 지원하며, CSS와 현대 디자인 도구에서 일반적으로 사용되는 모든 색상 형식을 포괄합니다.