Free Online
HTML Obfuscator

Protect email addresses, small snippets, and HTML fragments from basic scrapers by obfuscating them client-side. Choose numeric entities, hex escapes, or a JS-based snippet — all run locally in your browser.

Obfuscate or De-obfuscate HTML Instantly

Select an algorithm and paste your HTML, email, or snippet to obfuscate or reverse obfuscation.

HTML Obfuscator Tool
Numeric entities, hex escapes, and JS-based obfuscation that runs in your browser.
🔒 Runs entirely in your browser. No tracking, no uploads.
Examples & Best Practices
Click examples to load them into the obfuscator for testing
Email Address
user@example.com → numeric entities (good for simple scrapers)
HTML Link
Obfuscate full anchor elements using JS snippet

How HTML Obfuscation Works — Step by Step

A concise technical walkthrough that explains obfuscation techniques, when to use them, and how to reverse them safely.

1. Overview

HTML obfuscation transforms readable characters into encoded representations (entities, escapes, or scripts) to make automated scraping harder while leaving rendered output intact for users. This page covers common approaches including numeric entities, hex escapes, and JS-based reconstruction.

2. Why Obfuscate?

Use obfuscation to protect email addresses, contact links, or small snippets from simple scraping bots. It is not a bulletproof security measure — it raises the bar for naive scrapers while remaining browser-friendly.

3. Numeric Entities

Converts characters into HTML entities like a or a. Numeric entities are rendered by browsers as normal text and are indexed by search engines, so they're safe for SEO when you need visible content to remain searchable.

Example: hello → hello
4. Hex Escapes

Produces \xNN style escapes commonly used inside JavaScript or CSS. Useful when embedding obfuscated strings inside scripts. Browsers interpret these at runtime when executed inside JavaScript contexts.

Example: hi → \x68\x69
5. JavaScript Snippet

Creates a small script that reconstructs text at runtime using String.fromCharCode(...). This hides raw text in the page source but still displays correctly for visitors. It increases complexity for scrapers but should be used sparingly for performance and accessibility reasons.

Example: <script>document.write(String.fromCharCode(104,105));</script>
6. When to Use Each
  • Numeric entities: Best for visible text that should remain indexable.
  • Hex escapes: Ideal for embedding inside scripts or CSS strings.
  • JS snippet: Good for hiding raw source but still rendering for users; not recommended for large content.
7. Reversing Obfuscation

Deobfuscation typically decodes numeric entities and hex escapes and can parse basic JS fromCharCode snippets. This tool includes a deobfuscate mode to help recover original content for testing and debugging.

8. SEO & Accessibility

Numeric entity obfuscation keeps text visible to search engines. Avoid hiding large blocks of important content behind JS-only obfuscation if SEO is a priority. Always ensure screen readers can access obfuscated contact info (e.g., provide accessible labels or offer a visible fallback).

FAQ – HTML Obfuscator

Questions about HTML obfuscation, email protection, and reversing obfuscation.

How to obfuscate HTML?

Use the Obfuscate mode to convert your HTML or text into numeric entities, hex escapes, or a small JavaScript snippet that recreates the content. Choose the algorithm that fits your use case.

How to obfuscate email address in HTML?

Paste the email address and choose an obfuscation algorithm such as numeric entities. This makes it harder for simple scrapers to harvest the address while remaining displayable in browsers.

How to de-obfuscate HTML?

Switch to Deobfuscate mode and paste the obfuscated content. The tool will attempt to decode numeric entities, hex escapes (\xNN) and simple JS fromCharCode snippets.

Can I obfuscate HTML with PHP or in React?

Yes. This tool shows client-side techniques; the same entity encoding approach can be applied server-side (PHP) or before rendering in React by transforming the string values.

Are obfuscated pages still accessible to users and search engines?

Numeric entity obfuscation preserves the original characters at render time; search engines can index visible text. For critical SEO text, avoid hiding content — obfuscation is best for protecting emails and small snippets.