색상 코드 변환기 – HEX·RGB·HSL 변환과 미리보기

색상 코드 변환기는 같은 색을 HEX, RGB, HSL 표기로 바꿔 줘서 CSS나 디자인 도구, 문서에 맞는 형식으로 붙여 넣을 수 있게 해 줍니다.

HEX는 #38BDF8처럼 16진수 여섯 자리 코드이고, RGB는 빨강·초록·파랑의 양을 0부터 255까지로 나타내며, HSL은 색상(0~360도), 채도, 명도를 퍼센트로 나타냅니다.

예를 들어 #38BDF8은 rgb(56, 189, 248)이고 hsl(199, 93%, 60%)입니다. HEX를 RGB로 바꾸려면 어떻게 하나요?

코드를 두 자리씩 세 쌍으로 나누어 16진수로 읽으면 되고, 38은 56, BD는 189, F8은 248입니다. HSL은 어디에 좋은가요?

손으로 조절하기 쉬워서 명도를 올리면 더 밝은 색, 채도를 낮추면 차분한 색이 됩니다. 세 자리 HEX도 되나요? 네, #0AF는 #00AAFF로 확장해서 계산합니다.

어느 칸이든 입력하면 나머지 형식이 바로 바뀌고 색 미리보기 칸에 색이 표시됩니다. 복사 버튼으로 HEX, rgb(), hsl() 값을 가져가세요.

값은 정수로 반올림되므로 왔다 갔다 변환하면 1 정도 달라질 수 있습니다. 이미지에서 색을 뽑거나 팔레트를 만들고 싶다면 색상 팔레트 추출기 툴을 참고하세요.

모든 변환은 브라우저 안에서만 이루어지며 색상 데이터는 어디에도 전송되지 않습니다.