Hex Encoder Decoder

Convert text to hexadecimal and back. Supports uppercase/lowercase, with or without byte separators.

  1. Home
  2. Encoder & Decoder
  3. Hex Encoder & Decoder

Encode

Decode

What is Hexadecimal Encoding?

Hexadecimal (or hex) is a base-16 number system that uses sixteen distinct symbols: 0-9 to represent values 0-9, and A-F (or a-f) to represent values 10-15. Hex encoding converts binary data into a human-readable string of hex digits.

Each byte (8 bits) is represented by two hex digits. For example, the byte value 255 is represented as FF in hex, and the ASCII character A (decimal 65) is represented as 41.

Why Use Hex Encoding?

  • Readable representation of binary data for debugging
  • Compact notation for memory addresses and color values
  • Safe transmission of binary data in text-based protocols
  • Common in low-level programming, networking, and cryptography
  • Used in URL encoding for non-ASCII characters (%20 = space)

How to Use This Hex Encoder/Decoder

  1. Encode text — Type or paste text into the left panel, then click Encode to convert it to hexadecimal.
  2. Decode hex — Type or paste hex values into the right panel, then click Decode to convert them back to text.
  3. Toggle options — Use Uppercase for A-F output, Add spaces for readable byte separation.
  4. Swap & Clear — Click Swap to exchange encode/decode values, Clear All to reset everything.

Common Use Cases

  • Debugging binary data — Inspect raw bytes in memory dumps, network packets, or file headers using hex representation.
  • Color values — CSS colors use hex notation (#FF5733), making hex encoding essential for web design.
  • Cryptography & hashing — Hash outputs (MD5, SHA) are commonly displayed as hex strings.
  • Data transmission — Encode binary data for text-based protocols like JSON, XML, or HTTP headers.
  • Memory addresses — Debuggers and profilers display memory addresses in hexadecimal for easy reading.

Frequently Asked Questions

What is the difference between hex encoding and Base64?

Hex encoding uses 2 characters per byte (16×16 = 256 values), making the output twice the size of the input. Base64 uses 4 characters per 3 bytes (64×64×64×64 = 16M values), about 33% larger. Hex is more human-readable; Base64 is more space-efficient.

Does this tool support Unicode characters?

Yes, but this tool uses UTF-16 code units (JavaScript's native string encoding). Characters in the Basic Multilingual Plane (BMP) encode to 2 hex bytes per character. Supplementary characters (emojis, rare scripts) will encode to 4 hex bytes (2 surrogate pairs).

Can I decode hex with or without spaces?

Yes. The decode function automatically handles hex strings with spaces, without spaces, or with 0x or \x prefixes. It strips non-hex whitespace and processes the remaining hex digits.

What happens if I enter invalid hex characters?

Non-hexadecimal characters (anything except 0-9, A-F, a-f, and whitespace) are ignored during decode. If no valid hex digits remain, the output will be empty.

Why does 1 byte = 2 hex characters?

A byte is 8 bits. Each hex digit represents 4 bits (0-15). So 8 bits ÷ 4 bits per hex digit = 2 hex digits per byte. The maximum value FF (hex) = 255 (decimal) = 11111111 (binary).

Hex Encoding in Code

JavaScript

const text = "Hello";
const hex = [...new TextEncoder().encode(text)]
    .map(b => b.toString(16).padStart(2, '0'))
    .join('');
// "48656c6c6f"

Python

import binascii

# Text to hex
hex_str = binascii.hexlify(b"Hello").decode()
# "48656c6c6f"

# Hex to text
decoded = binascii.unhexlify(hex_str).decode()

Related Encoder & Decoder Tools

Base64 Encoder/Decoder

Encode and decode Base64 strings

Try it

URL Encoder/Decoder

Encode and decode URL strings

Try it

HTML Entities Converter

Encode/decode HTML entities

Try it

Punycode Converter

Convert domain names to/from Punycode

Try it

Text Encoder/Decoder

Encode/decode text in various formats

Try it
Last updated: 17 Aug 2026

Related Tools

Try These Tools Too

PHP Serialize/Unserialize

Try it

Cookie Decoder

Try it

SQL Escape Tool

Try it

Base32 Encoder/Decoder

Try it

Base64 Image Converter

Try it

HTML Entity Encoder/Decoder

Try it

Blog

Latest from Our Blog

Best Free Online Developer Tools to Use in 2026

A practical, opinionated list of the best free online developer tools worth using in 2026, organized by category so you can find what you need fast.

Aug 08, 2026

How to Choose a Hash Algorithm for Data Security

A practical decision guide to choosing the right hash algorithm: MD5, SHA-1, SHA-2, SHA-3, bcrypt, argon2, PBKDF2, and SRI, with comparisons and clear recommendations.

Aug 08, 2026

CSS vs Tailwind CSS: Which One Should You Use?

A thorough, practical comparison of hand-written CSS and Tailwind CSS: learning curve, maintainability, performance, team workflows, and when each approach wins.

Aug 08, 2026

How to Optimize Core Web Vitals for Your Website

Learn practical, step-by-step techniques to improve LCP, INP, and CLS on your website. A developer-focused guide with real measurements and fixes.

Aug 08, 2026

How to Use Base64 Encoding in Real Projects

Learn practical, production-ready ways to use Base64 encoding: data URLs for images, JWT payloads, API tokens, and email attachments, with real code examples.

Aug 08, 2026

AES Encryption Explained: How It Works and Why It Matters

Learn how AES encryption works, the differences between AES-128, AES-192, and AES-256, and how to encrypt and decrypt data online.

Jun 23, 2026
View All Articles →