디자인 도구
색상 코드 변환기
#4D6BFF, rgb(77,107,255), hsl(230,100%,65%) 중 한 형식으로 입력하고 ‘색상 변환’을 누르면 나머지 형식과 미리보기가 바로 나옵니다.
브라우저에서 실행되며 아무것도 업로드하지 않습니다.
HEX·RGB·HSL 색상 코드를 지원합니다.
HEX
RGB
HSL
도구 소개
쉽고 빠른 색상 코드 변환기
웹 디자인과 CSS 작업, 브랜드 컬러 가이드 정리처럼 디자인 툴에서 복사한 HEX 코드를 RGB나 HSL로 바꿔 쓸 때 편리합니다. #FFF 같은 3자리 HEX와 # 없는 코드도 인식하며, 변환과 미리보기는 모두 브라우저에서 처리합니다. CMYK 변환이나 이미지에서 색 추출은 지원하지 않습니다.
자주 묻는 질문
색상 코드 변환기에 대해 궁금한 점
HEX 색상 코드를 RGB로 바꾸려면?
#4D6BFF처럼 HEX 코드를 입력하고 ‘색상 변환’을 누르세요. rgb(77, 107, 255) 형식의 RGB 값과 HSL 값, 색상 미리보기가 함께 표시됩니다. #을 빼거나 3자리 HEX로 입력해도 됩니다.
HSL 값은 무엇을 뜻하나요?
HSL은 색상(Hue, 0~360도), 채도(Saturation, %), 명도(Lightness, %)로 색을 나타내는 방식입니다. CSS에서 같은 색의 밝기만 조절할 때 편리합니다. 이 도구는 HEX·RGB·HSL 세 형식만 지원합니다.
입력한 색상 정보가 서버로 전송되나요?
아니요. 변환과 미리보기는 브라우저 안에서 이루어지며 아무것도 업로드되지 않습니다. 회원가입 없이 무료로 쓸 수 있습니다.