Base64-Hex 양방향 변환

관련 추천

사용 사례

• Wireshark, Charles, Fiddler 등 패킷 캡처 도구가 출력하는 16진수 바이너리 데이터를 Base64로 변환하여 API 인터페이스 디버깅에 사용
• 인터페이스에서 반환되는 Base64 인코딩된 바이너리 데이터를 Hex로 디코딩하여 프로토콜 필드 내용을 바이트 단위로 분석
• 암호 키, 서명, 해시 값의 Hex 표현과 Base64 표현 사이 변환 처리
• 네트워크 프로토콜 개발 디버깅 시 패킷 캡처 Hex 형식과 인터페이스 Base64 파라미터 형식을 빠르게 변환
• 바이너리 로그 분석: 로그 내 16진수 덤프 콘텐츠를 Base64로 변환하여 문제 재현에 사용하거나 역변환
• CTF 대회, 보안 리서치에서 인코딩 문제 처리, Hex와 Base64 사이 빠른 전환
• 개발 시 인터페이스 문서에 따라 Hex 표현의 바이너리 데이터를 Base64로 변환하여 JSON 요청 본문에 저장
• 서드파티 API와 연동 시 문서 내 Hex 샘플을 실제 사용 가능한 Base64 파라미터 값으로 변환
• Hex 형식의 바이너리 파일 조각을 Base64로 변환하여 data URI나 설정 파일 임베딩에 사용
• Base64 인코딩·디코딩이 올바른지 검증하기 위해 Hex로 되돌려 원래 바이트 시퀀스와 비교
• 인코딩 원리 학습 시 Hex와 Base64 두 인코딩 방식의 대응 관계를 시각적으로 확인
• 모바일 디버깅 시 임시 트랜스코딩. PC를 켜지 않고 빠르게 인코딩 문제 처리

주요 기능

• 양방향 변환: HEX에서 Base64로와 Base64에서 HEX로를 모두 지원하여 하나의 도구로 양방향 변환 요구 충족
• 스마트 입력 처리: Hex 내 공백, 줄바꿈, 0x 접두사 자동 제거. 연속 Hex 형식과 공백 구분 형식(예: 48 65 6C 6C 6F) 모두 지원
• 대소문자 전환: Base64→Hex 시 소문자(a-f) 또는 대문자(A-F) 16진수 출력 선택 가능하여 다양한 시나리오 대응
• 실시간 변환: 입력 후 300ms 디바운스로 자동 변환. 버튼 클릭 없이 입력하면 즉시 결과 표시
• 명확한 오류 표시: 잘못된 16진수 문자, Hex 문자열 길이가 짝수가 아닐 경우 한국어로 오류를 표시하여 문제 파악 용이
• 양방향 스마트 전환: 변환 방향을 전환할 때 출력 결과를 자동으로 새 방향의 입력으로 사용하여 양방향 검증과 빠른 역변환 가능
• 원클릭 복사: 변환 완료 후 출력 내용을 원클릭으로 클립보드에 복사. 인터페이스 파라미터나 문서에 직접 사용 가능
• 결과 다운로드: 변환 결과를 txt 텍스트 파일로 다운로드할 수 있어 저장과 공유에 편리
• 원클릭 지우기: 입출력 내용을 빠르게 지우고 새 변환 시작 가능
• 문자 카운트: 입출력 영역에 실시간으로 문자 수를 표시하여 데이터 길이 예측에 편리
• 고정폭 글꼴 표시: 코드용 고정폭 글꼴로 16진수와 Base64 콘텐츠를 표시하여 개발자에게 적합한 가독성 제공
• 패널 너비 조정 가능: PC에서는 중간 구분자를 드래그하여 입출력 패널 너비 비율 조정 가능
• 모바일 대응: 반응형 디자인으로 스마트폰에서는 탭으로 입출력 영역을 전환하고 터치 조작에 최적화
• 브라우저 내 로컬 처리: 모든 변환은 브라우저 내 JavaScript로 로컬에서 실행되며 서버를 거치지 않아 데이터 보안 확보

이용 방법

1. 변환 방향 선택: Hex→Base64 또는 Base64→Hex. 대문자 Hex 출력이 필요한 경우 Base64→Hex 모드에서 「대문자」 선택
2. 변환할 Hex 문자열 또는 Base64 문자열을 왼쪽 입력창에 붙여넣기(공백 구분, 0x 접두사가 붙은 Hex 지원)
3. 입력 후 도구가 자동으로 실시간 변환을 수행하여 오른쪽에 결과가 즉시 표시. 오류가 있는 경우 빨간색으로 표시
4. 복사 버튼을 클릭하여 결과를 복사하거나 다운로드 버튼을 클릭하여 txt 파일로 저장. 방향 전환 시 결과가 자동으로 입력되어 변환 계속

자주 묻는 질문

Hex(16진수)와 Base64 인코딩에 대해

术语表

16진수 (Hex/Hexadecimal)

기수가 16인 기수법. 0-9와 A-F(a-f)로 수치를 표현하며 두 개의 16진수 문자가 정확히 1바이트(00-FF)를 나타냅니다. 바이너리 데이터의 가장 직관적인 텍스트 표현 방식이며 디버깅, 패킷 캡처, 프로토콜 문서에서 널리 사용됩니다.

Base64

64개의 인쇄 가능 ASCII 문자에 기반한 바이너리 인코딩 방식. 3바이트 바이너리를 4개 텍스트 문자로 인코딩하여 JSON, HTTP, Email 등 텍스트 프로토콜에서 바이너리 데이터를 안전하게 전송하는 데 사용됩니다. 인코딩 후 크기는 약 1/3 커집니다.

바이트 (Byte)

컴퓨터 데이터의 기본 단위. 1바이트=8비트(bit)로 0-255 사이 수치를 표현할 수 있습니다. Hex에서는 두 문자로 표현되며 네트워크 프로토콜과 바이너리 데이터의 기초 단위입니다.

RFC 4648

Base64 인코딩의 공식 표준 문서. 표준 Base64와 URL 세이프 Base64의 인코딩 규칙을 정의합니다. 이 도구는 표준 Base64 인코딩을 사용합니다.

0x 접두사

프로그래밍에서 16진수를 나타낼 때 쓰는 일반적인 접두사(예: 0x1A는 10진수 26을 나타냅니다). 많은 문서와 코드 내 Hex에는 0x 접두사가 붙어 있지만 도구는 자동으로 인식하여 제거합니다.

Wireshark

가장 인기 있는 네트워크 패킷 캡처 분석 도구. 기본으로 16진수+ASCII 형식으로 네트워크 패킷 내용을 표시하며 개발자가 네트워크 프로토콜을 디버깅할 때 흔히 쓰는 도구입니다. 출력되는 Hex 데이터는 이 도구의 일반적인 입력 소스입니다.

바이너리 트랜스코딩

서로 다른 바이너리 데이터 표현 형식(Hex, Base64, Base32, Base58 등) 사이에서 변환하는 것. 원래 데이터 자체는 변경하지 않고 표현 방식만 변경합니다.

고정폭 글꼴 (Monospace)

각 문자의 너비가 같은 글꼴. 코드, 16진수 데이터, 표 등 정렬이 필요한 콘텐츠 표시에 적합합니다. 도구는 기본으로 시스템 고정폭 글꼴을 사용하여 인코딩 콘텐츠를 표시합니다.

디바운스 (Debounce)

프런트엔드에서 흔히 쓰는 성능 최적화 기술. 입력이 멈춘 후 300ms 뒤에 변환을 실행하여 키를 누를 때마다 계산이 실행되는 것을 방지하고 대량 입력 시 부드러움을 향상시킵니다.

인코딩 효율

원래 데이터 길이와 인코딩 후 길이의 비율. Hex 인코딩 효율은 50%(1바이트→2문자), Base64 인코딩 효율은 75%(3바이트→4문자)로 Base64는 Hex보다 약 25% 텍스트 길이를 절약할 수 있습니다.

패딩 문자 (=)

표준 Base64 인코딩 끝에 있는 = 기호는 패딩에 사용되어 인코딩 후 길이를 4의 배수로 만듭니다. 디코딩 시 패딩 문자는 무시되며 표준 Base64의 일부입니다.

로컬 처리

모든 계산이 사용자 브라우저 내에서 JavaScript로 실행되어 데이터가 서버에 업로드되지 않는 것. 빠르고 안전하며 기밀 데이터 처리에 적합합니다.

Hex와 Base64 인코딩 특성 비교

두 바이너리 표현 방식의 특징 비교:

일반적인 바이너리 데이터 인코딩 대조표

텍스트 "Hello"의 각 인코딩 표현:

일반적인 오류 해결표

변환 오류 발생 시 참고:

Privacy & Security

이 Base64-Hex 양방향 변환 도구의 모든 인코딩·디코딩 처리는 사용자의 브라우저 내에서 JavaScript로 완전히 로컬에서 실행됩니다. 입력된 Hex 문자열과 Base64 콘텐츠가 서버에 업로드되지 않으며 기록, 캐시, 저장되지도 않습니다. 입력, 변환, 복사, 다운로드는 모두 로컬 브라우저 메모리 내에서 실행되며 페이지를 닫거나 새로고침하면 모든 임시 데이터는 자동으로 삭제됩니다. 기밀성이 높은 암호 키, 패킷 캡처 데이터, 내부 프로토콜 데이터도 안심하고 처리할 수 있으며 어떠한 유출 위험도 존재하지 않습니다.

Authoritative References

• IETFRFC 4648 - Base16/Hex 및 Base64 인코딩 표준
• MDNMDN - Base64 인코딩·디코딩 가이드
• WiresharkWireshark 사용자 매뉴얼

Troubleshooting