도구 실행
색상 변환기는 16진수 HEX, RGB, HSL 형식의 색상 텍스트를 입력받아 웹 및 그래픽 작업에 필요한 다양한 규격의 색상 표현식과 채널 수치로 상호 변환해 주는 온라인 도구입니다. 원본 형식에 맞춰 3자리 또는 6자리 16진수 코드, 0부터 255 범위의 세 정수로 구성된 RGB 값, 그리고 색조, 채도, 명도로 이루어진 HSL 값을 유연하게 입력할 수 있습니다. 변환을 실행하면 변환된 HEX 코드, RGB 표기, HSL 표기 문자열뿐만 아니라 각 채널의 정밀한 정수 데이터와 시각적인 색상 미리보기 상자가 함께 화면에 표시됩니다. 지원하는 원본 형식은 hex, rgb, hsl이며, 색상 코드를 빠르게 검증하거나 CSS 스타일시트에 적용할 색상 값을 손쉽게 추출할 때 유용하게 활용할 수 있습니다.
사용 방법
- 변환할 원본 색상 형식(hex, rgb, hsl)을 선택하거나 입력합니다.
- 선택한 형식에 맞는 색상 텍스트(예: #3b82f6 또는 59, 130, 246)를 입력합니다.
- 변환 버튼을 눌러 색상 계산을 실행합니다.
- 결과 영역에서 변환된 HEX, RGB, HSL 문자열과 채널별 정수 수치, 미리보기 색상을 확인합니다.
예시
- 16진수 코드 #ff5733을 hex 형식으로 변환하여 rgb(255, 87, 51) 및 hsl(11, 100%, 60%) 값과 색상 미리보기를 확인합니다.
- RGB 값 59, 130, 246을 rgb 형식으로 입력하여 #3b82f6 코드와 hsl(217, 91%, 60%) 표기 결과를 생성합니다.
자주 묻는 질문
16진수 색상 입력 시 # 기호를 반드시 포함해야 합니까?
아닙니다. # 기호가 포함된 형태(#ffffff)와 기호가 생략된 형태(ffffff) 모두 입력할 수 있으며, 3자리 축약형(#fff)도 지원합니다.
RGB 입력 시 허용되는 채널 값의 범위는 어떻게 됩니까?
각 RGB 채널은 0부터 255 사이의 정수 값이어야 하며, 세 개의 숫자 값이 올바르게 파싱되어야 변환이 진행됩니다.
HSL 값에서 색조나 채도가 범위를 벗어나면 어떻게 처리됩니까?
색조 값은 360도 주기로 순환 계산되며, 채도와 명도 값이 100%를 초과하는 경우 100%로 조정되어 계산됩니다.