ANSIカラーコードリファレンス
ターミナルカラーとテキストフォーマットのANSIエスケープコードを閲覧し、クリックでコピーできます。
このツールについて
ANSIカラーコードリファレンスは、ターミナルアプリケーションで ANSIエスケープシーケンスを探索・使用するための包括的なブラウザ ベースツールです。ANSIエスケープコードは、ターミナルエミュレータや コンソールアプリケーションでテキストのフォーマット、色、その他の 出力オプションを制御する特殊な文字シーケンスです。
このツールはANSIカラーサポートの全範囲をカバーしています: オリジナルの16の標準色と明るい色(コード0-15)、6x6x6カラーキューブ (コード16-231)と24段階グレースケールランプ(コード232-255)を含む 拡張256色パレット、そして1600万色以上の24ビットトゥルーカラー(RGB) サポートです。各色にはANSIコード、16進値、ビジュアルプレビューが 表示されます。
色だけでなく、太字、淡色、斜体、下線、点滅、反転、非表示、 取り消し線などのSGR(Select Graphic Rendition)テキストフォーマット コードもすべて含まれています。リセットコードセクションでは、 スタイル付き出力を正しく終了して色のにじみを防ぐ方法を理解できます。
すべてのエスケープシーケンスは、Bash、Python、Node.js、Go、Cの 5つのプログラミング言語フォーマットでコピーできます。ライブプレビュー 機能では、インタラクティブにスタイルを構成できます — 前景色と 背景色を選択し、フォーマット属性を切り替え、視覚的な結果と 対応するコードを即座に確認できます。
すべての処理はブラウザ内で完全に行われます。データはサーバーに 一切送信されないため、どの環境でも安全に使用できます。シェルスクリプトの 作成、CLIツールの構築、アプリケーションへのカラーログの追加など、 ANSIカラーコードを効果的に使用するために必要なすべてを提供します。
使い方
- 上部のフォーマットボタンで希望の出力形式(Bash、Python、Node.js、Go、C)を選択します。
- Standardタブで16の基本ANSIカラーとそのフォアグラウンド・バックグラウンドコードを確認します。
- 256 Colorsタブに切り替えて、カラーキューブとグレースケールランプを含む256色パレット全体を探索します。
- True Colorタブでスライダーを使って任意のRGBカラーを選択し、対応する24ビットANSIエスケープシーケンスを取得します。
- Formattingタブで太字、斜体、下線、取り消し線などのテキストスタイルコードを確認します。
- Live Previewタブでカスタムの前景色、背景色、スタイル属性でテキストを構成し、生成されたコードをコピーします。
- 任意のカラーセルをクリックすると、サポートされているすべてのフォーマットのエスケープシーケンスを含む詳細が表示されます。
- Ctrl+Shift+Cで現在選択されているカラーのエスケープシーケンスをすばやくコピーできます。
よくある質問
データは安全ですか?
はい。このツールはサーバー通信なしでブラウザ内で完全に動作します。データは一切送信、保存、ログ記録されません。どのネットワークでも安全に使用できます。
256色とトゥルーカラーの違いは何ですか?
256色モードは、コード0-255でアクセスする256の定義済みカラーの固定パレットを使用します。トゥルーカラー(24ビット)は、1670万の可能な値を持つ任意のRGBカラーを指定できます。トゥルーカラーは前景に38;2;R;G;B、背景に48;2;R;G;Bのフォーマットを使用します。ほとんどの最新ターミナルはトゥルーカラーをサポートしていますが、古いターミナルの中には256色しかサポートしていないものもあります。
すべてのターミナルがANSIカラーコードをサポートしていますか?
ほとんどの最新ターミナルエミュレータは、少なくとも基本的な16色をサポートしています。256色パレットは、現在使用されているターミナルの大多数でサポートされています。トゥルーカラー(24ビット)のサポートは異なりますが、iTerm2、Windows Terminal、GNOME Terminal、Alacritty、Kittyなどの最新ターミナルで利用可能です。
なぜ常にリセットコードを使用すべきですか?
カラー出力の最後にリセットコードがない場合、スタイルが後続のターミナル出力ににじみます。リセットコード\033[0mはすべてのフォーマット属性をクリアします。意図しない色の継承を防ぐため、スタイル付きテキストの後には常にリセットシーケンスを追加することがベストプラクティスです。
複数のANSIコードを組み合わせることはできますか?
はい。単一のエスケープシーケンス内でセミコロンで区切ることで、複数のSGRコードを組み合わせることができます。例えば、\033[1;4;31mは太字、下線、赤色を同時に適用します。このツールのライブプレビュー機能では、組み合わせをインタラクティブに構成できます。
フォアグラウンドとバックグラウンドコードの違いは何ですか?
フォアグラウンドコードはテキストの色を設定します。標準色の場合、フォアグラウンドコードは30-37(標準)と90-97(明るい)です。バックグラウンドコードはテキストの背後の色を設定し、40-47(標準)と100-107(明るい)を使用します。256色パレットの場合、フォアグラウンドは38;5;N、バックグラウンドは48;5;Nを使用します。
異なるプログラミング言語でANSIカラーを使用するにはどうすればよいですか?
エスケープ文字は各言語で異なる表現を使用します:BashとPythonは\033、Node.jsは\x1b、Goは\033、Cは\033を使用します。このツールは各言語の正しい構文を自動的に生成します。上部で言語フォーマットを選択し、生成されたコードをコピーするだけです。
関連ツール
カラーコンバーター
HEX、RGB、HSL間でカラーを変換し、コントラストチェックやパレット生成も行えます。
Bashチートシート
カテゴリ別に整理されたBashコマンドリファレンス。ファイル操作、テキスト処理、ネットワーク、プロセス管理など。
CSSセレクターリファレンス
CSSセレクターの完全なインタラクティブリファレンス。詳細度計算、ライブプレビュー、ブラウザサポート情報付き。
アクセシビリティカラーチェッカー
WCAG 2.1のカラーコントラスト比をAAおよびAAA基準でチェックします。前景色と背景色のペアをライブプレビューで確認。
CSS変数ジェネレーター
CSSカスタムプロパティでカラーテーマシステムを設計します。シェードスケール、セマンティックトークン、ダークモード対応を自動生成。