Add syntax highlighting to code in 22 languages with 7 color themes, line numbers, and export to HTML
Paste code in any of 22 popular languages and get a syntax-highlighted version ready to share, embed, or screenshot. Choose from 7 color themes, then copy the result as HTML or export it as a PNG image. Whether you are preparing code for a presentation, a blog post, or documentation, the output looks polished and professional.
Initializing in your browser…
Scan QR codes from images or using your camera. Supports URLs, WiFi, contacts, emails, phone numbers, and more. 100% offline - no data uploaded.
Full-featured Markdown editor with live preview, GitHub Flavored Markdown, syntax highlighting, table of contents, export to HTML/PDF, and multiple themes
Extract dominant, vibrant, or muted colors from images. Generate color schemes with HEX, RGB, HSL values and export palettes for design projects.
You are pasting a code sample into a slide deck and need it syntax-highlighted with a theme that survives a projector.
Snippet + settings
A TypeScript function · language auto-detected · high-contrast theme
Result
Tokenised, colour-coded HTML you can copy as rich text or export as an image.
Proper tokenisation colours keywords, strings, and identifiers distinctly, which is what makes code skimmable on a slide versus a wall of monochrome text. You can copy it as styled HTML for docs or export a clean PNG for decks, with theme choices tuned for projector contrast.
Paste code in any of 22 popular languages and get a syntax-highlighted version ready to share, embed, or screenshot. Choose from 7 color themes, then copy the result as HTML or export it as a PNG image. Whether you are preparing code for a presentation, a blog post, or documentation, the output looks polished and professional.
Syntax highlighting works by scanning source code and identifying token categories - keywords, strings, comments, numbers, functions, and (for HTML/XML and CSS/SCSS) tags, attributes, selectors, and properties - then wrapping each in a colored span. This tool uses its own lightweight regex-based highlighter that runs entirely in your browser, with a curated keyword list per language. It covers 22 languages: JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, Ruby, PHP, Swift, Kotlin, HTML, CSS, SCSS, JSON, YAML, XML, SQL, Bash, PowerShell, and Markdown. Because the highlighter is pattern-based rather than a full language parser, it is fast and produces clean, embeddable markup, but it is meant for display rather than perfect grammatical analysis of every edge case.
Seven themes are available: Dark, Light, Monokai, GitHub Dark, Dracula, Nord, and Solarized. You can toggle line numbers and word wrap and adjust the font size, then copy the rendered code, export self-contained HTML, or render a PNG image of the snippet via canvas - handy for slides and social posts where you need an image rather than markup.
Generate syntax-highlighted code snippets for technical blog posts where readability is important.
Create visually appealing code slides by exporting a PNG image or copying highlighted HTML.
Embed properly highlighted code examples in project documentation or internal knowledge bases.
Share readable, color-coded code snippets instead of hard-to-read plaintext blocks.
Twenty-two languages: JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, Ruby, PHP, Swift, Kotlin, HTML, CSS, SCSS, JSON, YAML, XML, SQL, Bash, PowerShell, and Markdown.
Yes. Use Export HTML to get a standalone snippet, or copy the rendered markup. You can also export the snippet as a PNG image for slides or social posts.
The highlighter uses per-language regex rules and keyword lists rather than a full parser, so it is fast and produces clean, embeddable output, but unusual or ambiguous syntax may occasionally be colored imperfectly. Selecting the correct language gives the best result.
Your text is processed locally in the browser. Nothing you paste or open is transmitted or logged.