도구 실행
16진수 색상 코드를 웹 디자인과 개발에서 바로 활용할 수 있는 RGB 수치로 변환합니다. 6자리 표준 색상 코드뿐만 아니라 3자리 축약형 코드도 지원하며, 접두사 '#' 기호가 없어도 자동으로 인식하여 계산합니다. 변환 후에는 빨강, 초록, 파랑의 개별 정수 채널 값과 함께 대문자 16진수 표기, 쉼표 구분 표기, 공백 구분 표기, 백분율 표기 등 다양한 포맷이 함께 제공됩니다. CSS 스타일 시트나 그래픽 소프트웨어에 필요한 색상 표현 형식을 한눈에 확인하고 손쉽게 복사하여 작업 효율을 높일 수 있습니다.
사용 방법
- 변환할 16진수 색상 코드를 입력란에 입력합니다.
- 기본값인 #ff0000을 원하는 3자리 또는 6자리 색상 값으로 변경합니다.
- 실행하면 결과 화면에 개별 RGB 수치와 형식별 표기가 나타납니다.
- 필요한 표기 방식을 복사하여 스타일 시트나 그래픽 작업에 활용합니다.
예시
- #3b82f6 입력 시: R 59, G 130, B 246 수치와 rgb(59, 130, 246) 표기가 생성됩니다.
- 접두사 없는 3자리 코드 f00 입력 시: #FF0000으로 확장되어 R 255, G 0, B 0 수치가 생성됩니다.
자주 묻는 질문
# 기호 없이 색상 코드를 입력해도 되나요?
네, # 기호 없이 '3498db'나 'fff'처럼 문자열만 입력해도 자동으로 접두사를 인식하여 변환합니다.
3자리 축약형 색상 코드도 지원하나요?
네, 'abc'와 같은 3자리 코드는 각 자리가 두 자리로 확장되어 'aabbcc' 형식으로 계산됩니다.
유효하지 않은 문자가 포함되면 어떻게 되나요?
16진수(0-9, a-f) 이외의 문자가 포함되거나 자릿수가 맞지 않는 경우 변환 수치가 생성되지 않으므로 입력을 다시 확인해야 합니다.
알파 투명도 채널 값도 변환되나요?
본 도구는 3자리 및 6자리 16진수 RGB 색상 변환을 지원하며, 8자리 RGBA나 기타 색상 모델은 지원 범위에 포함되지 않습니다.