Barokit

🖼️コード → 画像 (Carbon スタイル)

ソースコードを貼り付け言語を選ぶとシンタックスハイライト付きの綺麗なコード画像(Carbon スタイル)を PNG で作成。ブログ・SNS 共有、Twitter のコード自慢、Notion・スライドにコード挿入、コードレビューキャプチャに。16+ 言語。

🔒 ブラウザ内処理ウォーターマークなし登録不要

使い方

  1. 1コードを貼り付け言語を選択。
  2. 2テーマと背景を選ぶ。
  3. 3PNG ダウンロード。

よくある質問

対応言語?+

JavaScript, TypeScript, Python, Java, C/C++, C#, Go, Rust, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Markdown など 16+。

carbon.now.sh と同じ?+

似たスタイルを追求。コア機能(ハイライト・テーマ・ウィンドウ装飾)は同等。

透明背景は?+

背景色を白・黒・グラデーション等から選べます。

高解像度 (Retina)?+

2x で出力。スライド・印刷でも鮮明。

なぜ PNG?+

html2canvas ベース。発表・SNS・ブログには PNG が一般的。

関連ツール