TOOL WORKSPACE
목록으로색상 변환기 바로 사용하기
입력값과 결과는 이 브라우저 안에서만 처리되며 서버로 전송되지 않습니다.
173DAY / TOOL GUIDE
색상 변환기
웹 디자인에서 자주 사용하는 HEX 색상 코드를 RGB·HSL 값으로 바꾸고 색상 미리보기를 확인합니다.
사용 방법
6자리 HEX 색상 코드를 입력하세요. 입력값이 올바르면 미리보기와 RGB, HSL 값이 표시됩니다.
원리와 계산 기준
HEX의 두 자리씩을 빨강·초록·파랑의 16진수 값으로 변환합니다. RGB 값은 밝기와 채도를 계산해 HSL로도 표시합니다.
사용 예시
#F17B61은 RGB(241, 123, 97)로 표현할 수 있으며, 브라우저 색상 지정에 그대로 사용할 수 있습니다.
주의사항
현재 도구는 투명도 없는 6자리 HEX 형식을 기준으로 합니다. 3자리 축약형이나 알파 채널이 포함된 8자리 값은 입력 전에 6자리 형식으로 바꾸세요.
자주 묻는 질문
HEX 색상 코드는 어디에 쓰나요?
웹 페이지의 CSS, 디자인 도구, 이미지 편집 도구 등에서 색상을 지정할 때 사용합니다.
투명한 색상도 변환할 수 있나요?
현재는 투명도 없는 6자리 HEX 값을 기준으로 합니다. 투명도는 CSS의 rgba 또는 hsla 표기법을 사용하세요.