コードシンタックスハイライトツール

25言語のコードを色分け表示し、HTMLとしてコピー・保存できます

コード入力

0行 / 0文字

ハイライト設定

テーマ選択

表示オプション

14px

サンプルコード

コードハイライトについて

25言語に対応

下の一覧の25言語から選べます。自動検出も使えます

自動言語検出

コードの内容から言語を推定します（PowerShell・Dockerfile・Nginxは自動検出の対象外）

6種類のテーマ

Default・GitHub・Monokai・Tomorrow Night・Visual Studio・Atom One Darkの配色

HTML出力

配色を埋め込んだ1つのHTMLファイルとしてコピー・保存

対応言語一覧

Web開発
  • JavaScript / TypeScript
  • HTML / CSS / SCSS
  • PHP
  • JSON / XML
システム開発
  • Java / C# / C / C++
  • Python / Ruby
  • Go / Rust
  • Swift / Kotlin
その他
  • SQL / YAML
  • Bash / PowerShell
  • Dockerfile / Nginx
  • Markdown

使用のコツ

  • 自動検出 - 言語がわからない場合は「自動検出」を選択します。選んだ言語で処理できない場合も自動検出に切り替えます。結果欄の「言語:」で実際に使った言語を確認できます。
  • ファイル読み込み - ファイルはUTF-8として読み込みます。拡張子（Dockerfile はファイル名）から言語を選び直します。.txt など対応表にない拡張子では、言語の選択は変わりません。.conf は Nginx として扱います。
  • PowerShell・Dockerfile・Nginx - 同梱の highlight.js に含まれないため、このツール独自の簡易な定義（キーワード・コメント・文字列・変数など）で色分けします。
  • テーマ選択 - 配色はこのページに内蔵しており、外部のCSSは読み込みません。
  • HTML出力 - 「HTML コピー」「HTML エクスポート」は、テーマの配色・フォントサイズ・タブサイズ・折り返し・行番号の設定を埋め込んだ1つのHTML文書を出力します。外部のファイルは読み込まないため、オフラインでも同じ表示になります。保存名は highlighted-code-言語-日時.html です。
  • 行番号・カーソル行 - 行番号は表示用で、コピーした文字には含まれません。「入力欄のカーソル行を強調」をオンにすると、入力欄でカーソルがある行に当たる結果の行に背景色を付けます（HTML出力には含めません）。
ブラウザ内で処理

処理はブラウザ内で行い、入力したコードをサーバーへ送信しません。