색상 코드 변환기
HEX, RGB, HSL 색상 표기법을 서로 변환합니다.
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
사용 예시
디자인 시안의 색상 코드 변환하기
디자인 툴에서 HEX 코드로 받은 색상을 CSS에서 바로 쓸 수 있는 RGB나 HSL 값으로 변환할 수 있습니다.
RGB 값으로 HEX 코드 만들기
이미지 편집 프로그램에서 확인한 RGB 숫자를 입력해, 코드에 쓸 HEX 색상 코드를 바로 얻을 수 있습니다.
HSL로 색상의 밝기·채도 조절 감 잡기
같은 색상을 HSL로 변환해, 색상(H)은 유지한 채 채도나 밝기를 어떻게 바꾸면 되는지 참고할 수 있습니다.
자주 묻는 질문
입력한 색상 값이 서버로 전송되나요?
아니요. 모든 변환은 브라우저 안에서만 이루어지며 입력한 색상 값은 서버로 전송되지 않습니다.
3자리 축약형 HEX 코드도 지원하나요?
네. #FFF처럼 3자리로 줄여 쓴 HEX 코드도 인식해 6자리로 확장한 뒤 변환합니다.
RGB나 HSL 값을 입력할 때 형식은 어떻게 되나요?
숫자를 쉼표나 공백으로 구분해 입력하면 됩니다. 예를 들어 RGB는 "59, 130, 246", HSL은 "217, 91, 60"처럼 입력합니다.
색상 피커로 고른 색도 바로 반영되나요?
네. 색상 피커에서 고른 색은 즉시 HEX/RGB/HSL 값에 반영됩니다.