간편 생활 계산기 - 금융·급여·세금·날짜·건강 무료 계산기 모음
색상 변환기 - HEX RGB HSL 변환
HEX, RGB, HSL 색상값을 서로 변환하고 컬러 피커와 미리보기 스와치로 색상을 확인한 뒤 복사하세요.
발행/수정일:
색상값 변환
색상 변환기 사용법
컬러 피커를 움직이거나 HEX, RGB, HSL 중 하나를 입력하면 나머지 색상 형식이 자동으로 변환됩니다. 필요한 값은 각 복사 버튼으로 클립보드에 담을 수 있습니다.
활용팁
웹 CSS 작업에서는 HEX와 RGB를 자주 쓰고, 밝기나 채도를 조절할 때는 HSL이 편합니다. 브랜드 색상을 관리할 때 세 형식을 함께 기록해 두면 협업이 쉬워집니다.
HEX 3자리 색상도 입력할 수 있나요?
네. #fff 같은 3자리 HEX는 #ffffff 형식으로 확장해 변환합니다.
RGB 입력 형식은 어떻게 쓰나요?
rgb(47, 128, 237)처럼 입력하거나 숫자 3개가 포함된 형식이면 변환할 수 있습니다.
HSL은 어떤 경우에 유용한가요?
색상은 유지하면서 채도나 밝기만 조정할 때 유용합니다. CSS 테마 색상 변형을 만들 때 특히 편합니다.
색상값이 서버에 저장되나요?
아니요. 모든 변환은 브라우저에서 즉시 계산되며 별도로 저장하거나 전송하지 않습니다.