Web Tools tools.bryantsmith.com

Creative Workflow Helpers

Unicode Character Inspector

Paste text to split it into grapheme clusters and inspect each character’s code points, Unicode name, general category and UTF-8 / UTF-16 encodings. Everything runs in your browser — your text never leaves the page.

Runs in your browser v1.0.0

Text to inspect

Results update as you type and nothing is uploaded.

Summary

0 graphemes

0 Grapheme clusters
Code points
0
UTF-16 code units
0
UTF-8 bytes
0
Whitespace skipped
0

Selected character

No character selected

Paste text above to inspect its characters.

Characters

Select a character to inspect it in detail.

How to read the results

Grapheme clusters are what a reader perceives as a single character, so combining accents, emoji skin tones and family emoji stay together. Each cluster is built from one or more code points — the underlying Unicode values such as U+1F44B. The UTF-8 and UTF-16 rows show the exact bytes and code units used to store it, and the escape rows give ready-to-paste HTML, JavaScript, CSS and URL forms. Unicode names and categories come from an offline lookup for common characters plus algorithmic names for CJK and Hangul; an unknown character shows its code point instead.

Related tools

  • Invisible Character FinderReveal zero-width spaces, non-breaking spaces, bidi marks and other invisible characters in your text.
  • Cookie Builder & InspectorBuild a Set-Cookie header or paste one to inspect its expiry, path, domain, Secure, HttpOnly and SameSite attributes — entirely in your browser.
  • MIME Type InspectorLook up or infer MIME types from a filename, extension, or Content-Type header — with a structured breakdown.
  • Mojibake Repair HelperPaste garbled text to detect the encoding mistake behind it and preview the most likely repair, entirely in your browser.
  • .env Compare & MergeCompare development, staging, and production .env key sets without exposing secret values, then build a merged template.
  • Accessible Name CalculatorPaste HTML, pick an element, and see the accessible name assistive technology computes — entirely in your browser.

More Creative Workflow Helpers tools