색상 변환기 (HEX → RGB / HSL)

이 계산기 정보

이 도구는 #1e6bff 같은 HEX 색상 코드를 RGB(빨강·초록·파랑 채널 값, 0–255)와 HSL(색상, 채도, 명도) 표기로 변환합니다. 셋은 완전히 같은 색을 설명하는 서로 다른 방식이며 도구와 파일 형식마다 요구하는 표기가 다릅니다. HEX는 CSS와 디자인 파일에서 가장 흔한 간결한 형식이고, RGB는 화면이 빛을 섞는 방식과 그대로 대응하며, HSL은 명도나 채도만 따로 조정할 때 세 채널 값을 다시 계산할 필요가 없어 사람이 다루기 쉬운 경우가 많습니다.

목업이나 브랜드 가이드, 이미지에서 색을 가져와 CSS나 코드베이스에 다른 형식으로 넣어야 하는 웹 개발자와 디자이너, 그리고 HEX 숫자를 짐작하기보다 HSL로 생각하는 편이 쉬워 색의 밝기나 채도를 미세 조정하는 사람이 사용합니다. Figma 같은 디자인 도구와 브라우저 개발자 도구의 색상 선택기도 한 색을 두 가지 이상 형식으로 보여 줄 때마다 뒤에서 똑같은 변환을 합니다.