Code Syntax Highlighter

Colour code in 30+ languages with a choice of themes, and copy it as rich text or HTML.

Preview

"Copy with colours" pastes coloured code into Word, Google Docs, email and slides. The HTML version needs the highlight.js theme stylesheet on your page.


Code Syntax Highlighter

Code is much easier to read with syntax colouring. Paste a snippet, let the highlighter detect the language (or choose it), pick a theme, and copy the result with colours into Word, Google Docs, PowerPoint, Keynote or an email, or copy the HTML for a web page. It uses highlight.js, the library behind many documentation sites.

How to use Code Syntax Highlighter

  1. Paste your code.
  2. Choose the language, or leave it on automatic detection.
  3. Choose a light or dark theme.
  4. Click Copy with colours to paste into documents, or copy the HTML.

When it comes in handy

  • Code in presentations and teaching materials.
  • Readable snippets in emails and documentation.
  • Highlighted examples for a blog post.

Frequently asked questions

Why does the HTML look plain on my site?
The HTML uses highlight.js class names. Add the matching highlight.js theme stylesheet to your page, or use "Copy with colours", which inlines the colours.

Choose which cookies SEOpeck may use. You can change this at any time from "Cookie settings" at the bottom of every page.