도구 실행
이 도구는 웹 디자인 및 개발 작업에서 자주 사용되는 16진수 색상 코드를 검증하고 다양한 형식으로 변환합니다. 사용자가 해시 기호(#)가 포함된 3자리 또는 6자리 16진수 문자열을 입력하면, 시스템은 공백을 제거하고 유효성을 검사합니다. 3자리 약식 코드는 자동으로 6자리 전체 코드로 확장되어 처리됩니다. 변환 결과로는 선택한 형식에 따라 16진수(HEX), 정수 기반의 RGB 채널 값, 또는 반올림된 정수 값으로 표현된 HSL(색조, 채도, 명도) 데이터를 제공합니다. 또한 각 색상의 시각적 밝기를 나타내는 0에서 255 사이의 수치 추정치도 함께 계산됩니다. 이 추정치는 가중치 공식을 사용하여 산출되며 접근성 기준이나 대비 비율을 의미하지는 않습니다. 지원되지 않는 형식이나 잘못된 입력이 발생할 경우 변환은 수행되지 않으며 오류 메시지가 표시됩니다. 기본값으로 설정된 파란색 계열 코드를 통해 도구 작동 방식을 빠르게 테스트할 수 있습니다.
사용 방법
- 입력 필드에 해시 기호(#)가 있거나 없는 3자리 또는 6자리 16진수 색상 코드를 입력합니다.
- 필요하다면 '출력 형식' 메뉴에서 HEX, RGB, HSL 중 원하는 표시 방식을 선택합니다. 기본값은 모든 형식 표시입니다.
- 변환 버튼을 클릭하여 결과를 생성합니다.
- 결과 패널에서 변환된 색상 코드와 밝기 추정치 숫자를 확인합니다.
예시
- 입력: #3498db, 출력 형식: 모두 -> 결과: HEX #3498db, RGB (52, 152, 219), HSL (204, 70%, 53%), 밝기 137.203
- 입력: f00, 출력 형식: RGB -> 결과: RGB (255, 0, 0), 밝기 76.245
자주 묻는 질문
3자리 16진수 코드를 입력해도 되나요?
네, 3자리 코드를 입력하면 도구가 자동으로 각 자릿수를 두 번 반복하여 6자리 코드로 확장한 후 변환합니다.
밝기 추정치는 무엇을 의미하나요?
이는 빨강, 초록, 파랑 채널에 특정 가중치를 적용하여 계산된 0에서 255 사이의 수치입니다. 이 값은 WCAG 접근성 기준이나 명암비를 나타내지 않습니다.
RGB 값을 직접 입력할 수 있나요?
아니요, 이 도구는 현재 16진수 입력만 지원합니다. RGB 함수 문자열이나 알파 채널이 포함된 값은 인식되지 않습니다.
잘못된 코드를 입력하면 어떻게 되나요?
지원되지 않는 형식이나 유효하지 않은 16진수 문자가 포함되면 변환이 실패하며 결과가 표시되지 않습니다.