ANSIエスケープコードプレビュー

ANSIエスケープコード付きテキストを貼り付けてターミナルカラーとスタイル付きで表示します。

このツールについて

ANSIエスケープコードプレビューツールは、ANSI エスケープされたテキストを カラーとスタイルのフルサポートでブラウザ内に直接レンダリングします。ANSIエスケープ シーケンスを含むテキストを貼り付けると、前景色、背景色、太字、イタリック、下線、 薄字、取り消し線スタイルでレンダリングされた出力が表示されます。

ANSIエスケープコードは、ターミナルエミュレーターがテキストフォーマットを制御する ために使用する特殊な文字シーケンスです。エスケープ文字(ESC、\x1b、\033、 または\e)に続くブラケットとフォーマットコードで始まります。これらのコードは CLIツール、ビルド出力、ログファイル、シェルスクリプトで広く使用されています。

4ビットカラー(16の標準色と明るい色)、8ビット(256色)モード、24ビットトゥルー カラーをサポートしています。太字、薄字、イタリック、下線、取り消し線のテキスト スタイルとそのリセットコードも処理します。

すべての処理はブラウザ内で完全に実行されます。データがマシンから離れることは ありません。ANSIカラーコードの参照表はANSIカラーコードリファレンス、 その他のテキスト変換ツールとしてASCIIアートジェネレーターHTMLライブプレビューもご利用ください。

入力は3つの一般的なエスケープシーケンス形式(\e[、\033[、\x1b[)を受け付け、 自動的にレンダリング用の実際のエスケープシーケンスに変換します。

使い方

  1. 左側の入力テキストエリアにANSIエスケープされたテキストを貼り付けまたは入力します。
  2. \e[31m(赤)、\e[1;32m(太字緑)、\e[0m(リセット)のようなエスケープ形式を使用します。
  3. 右側のレンダリングプレビューに適用されたカラーとスタイルでテキストが表示されます。
  4. プレーンテキストをコピーでANSIコードなしの出力をコピーします。
  5. 例を読み込むで事前入力されたデモンストレーションを表示します。
  6. クイックリファレンスセクションを展開して一般的なANSIコードの一覧を確認します。
  7. クリアをクリックしてツールをリセットします。

ANSIエスケープコードの人気例

すべてのANSIエスケープコード例を見る →

よくある質問

データは安全ですか?

はい。すべての解析とレンダリングはクライアントサイドJavaScriptを使用してブラウザ内で完全に実行されます。テキストがサーバーに送信されたり、保存・記録されることはありません。

どのエスケープシーケンス形式がサポートされていますか?

3つの一般的なテキスト表現をサポートしています:\e[(echo -eや多くのチュートリアルで使用)、\033[(8進エスケープ)、\x1b[(16進エスケープ)。すべてレンダリング前に実際のANSIエスケープシーケンスに変換されます。

256色とトゥルーカラーはサポートされていますか?

はい。4ビットカラー(コード30-37、40-47、90-97、100-107)、8ビット256色モード(前景38;5;N、背景48;5;N)、24ビットトゥルーカラー(前景38;2;R;G;B、背景48;2;R;G;B)をサポートしています。

ターミナルの出力を直接貼り付けられますか?

ターミナル出力に実際のANSIエスケープバイト(テキスト表記\e[ではない)が含まれている場合、ブラウザがペーストイベントから制御文字を除去するため直接レンダリングできない場合があります。最良の結果を得るには、入力にテキスト表記(\e[、\033[、または\x1b[)を使用してください。

どのテキストスタイルがサポートされていますか?

太字(1)、薄字(2)、イタリック(3)、下線(4)、取り消し線(9)をサポートしています。各スタイルはカラーと組み合わせることができます。リセットコード(0)ですべてのフォーマットをクリアします。

複数のスタイルを組み合わせるにはどうすればよいですか?

1つのエスケープシーケンス内でセミコロンで複数のコードを区切ります。例えば\e[1;4;31mは太字、下線、赤色を同時に適用します。\e[0mですべてのスタイルをリセットします。

関連ツール