05 // Unicode, Symbol & Encoding WorkbenchHTML-ENTITY-CODEC
CSS Content Escape & HTML Hex Entity Converter
CSS backslash hex escapes (`\2192` for `→`) let stylesheets inject crisp Unicode symbols inside `::before` and `::after` rules without charset corruption.
Encoded Output
\2192 Check \2713 \2022 Section \A7 4.2
Decoded Output
→ Check ✓ • Section §4.2
Was this tool helpful?
Reference Table
- 01In CSS strings, `\XXXX` consumes up to 6 hexadecimal digits; either pad to 6 hex digits (`\002192`) or add a single space after `\2192 ` if followed by `[0-9a-fA-F]`.
Frequently Asked Questions
Why did `content: '\2192Next'` work while `content: '\2192Fast'` broke?+
Because `F` and `a` are valid hex digits, CSS parsed `\2192Fa` as code point `0x2192FA`! Write `'\2192 Fast'` or 6-digit `'\002192Fast'`.
How does JavaScript escape supplementary characters vs CSS?+
CSS uses `\01F680`, whereas ES6 JavaScript uses braced `\u{1F680}`.
Can HTML entities like `→` be used inside CSS `content`?+
No — CSS does not parse HTML `&...;` entities (`content: '→'` prints literal `→`); always use raw UTF-8 or CSS `\2192`.