Discord カラーテキスト生成ツール
メッセージを入力し、文字色と、お好みで背景色を選び、太字や下線を加えて、Discord がフルカラーで表示する、貼り付けるだけのコードブロックをコピーできます。Discord に内蔵された ansi 書式を使うので、ボットも拡張機能も不要で、何もインストールする必要はありません。すべてはブラウザ内で動作するので、入力した内容がアップロードされることはありません。
文字色
背景色
強調
Discord カラーテキスト の使い方
- 1
メッセージを入力する
色を付けたいテキストを入力します。入力するそばから色付きのプレビューが即座に更新されるので、Discord でどう見えるかを常に正確に確認できます。
- 2
色を選ぶ
Discord に内蔵されたパレットから、文字色と、お好みで背景色を選びます。プレビューには実際の色がすぐに表示されます。
- 3
太字や下線を加える
さらに強調したいときは、太字や下線をオンにします。どの文字色や背景色とも組み合わせられます。
- 4
コピーして Discord に貼り付ける
コピーボタンを押して出来上がったコードブロックを取得し、好きな Discord のメッセージに貼り付けて送信します。ansi 書式を表示できるすべての人に色が見えます。
Discord の色付きテキストとその仕組みについて
Discord はどのように文字に色を付けるか
Discord のメッセージ欄にはカラーピッカーがありませんが、ターミナルの世界から借りてきた目立たない機能を通じて色に対応しています。テキストをコードブロックで囲み、ansi という語を付けると、Discord はその中にある小さな書式コードのセットを読み取り、それに従ってテキストに色を塗ります。それらのコードは、コマンドラインのプログラムが何十年も色付き出力を表示するために使ってきたものと同じ種類です。
それらのコードを手で書くのは面倒で間違えやすく、だからこそ生成ツールが役立ちます。クリックひとつで文字色、背景色、強調を選ぶと、ツールが Discord の期待する正確な並びを組み立て、適切な種類のコードブロックで囲みます。あなたがするのはコピーして貼り付けることだけです。
ansi コードブロックのしくみ
この機能は、フェンスドコードブロックの言語タグというひとつの細部に依存しています。Discord の通常のコードブロックは 3 つのバッククォートからなる行で開閉されており、開きフェンスに書いたものがシンタックスハイライトの言語名になります。開きバッククォートの直後に ansi という語を書くと、Discord はそのブロックを、通常のハイライトではなくターミナルのカラーコードを解釈するモードに切り替えます。
だからこそ、開閉のフェンス行はなくても構わない飾りではなく、色を有効にするものそのものです。このツールは常にフェンス行を含むブロック全体をコピーするので、魔法の言葉がきちんと揃っています。もし中央部分だけを貼り付けてフェンスを省いてしまうと、Discord はカラーコードを探す理由がなくなり、プレーンテキストとして表示してしまいます。
SGR カラーコードの解説
ansi ブロックの中では、色は短い Select Graphic Rendition コードで設定します。ターミナルが昔から使ってきた数値です。前景色（文字色）は 30 から 37 の範囲で、たとえば 31 が赤、32 が緑、33 が黄、34 が青になります。背景色は 40 から 47 で、41 が赤の背景、44 が青の背景です。先頭に 1 を付けると太字、4 を付けると下線になり、複数のコードを組み合わせることで、たとえば青い背景に太字の黄色というテキストも作れます。
各指示は、特別なエスケープ文字に続いて開き角括弧、セミコロンで区切られた数値、そして最後に文字 m という形式で始まります。リセットコードを書くとテキストが通常に戻り、ブロックの残りの部分に色が漏れ出さないようになります。これらをすべて暗記する必要はありません。生成ツールが選択に応じて適切な数値を選んでくれます。ただ、この範囲を知っておくと、文字色 8 色・背景色 8 色というパレットの理由が理解できます。
読みやすい色の選び方
パレットを決めているのはこのツールではなく Discord です。古典的なターミナルの配色から取られた、8 色の文字色と 8 色の背景色です。セットが小さいので、コツは読みやすさを保てる色を組み合わせることです。暗い背景に明るい文字、または明るいアクセントの背後に暗い背景がたいていいちばんうまくいき、似通ったトーン同士を重ねると互いに見えにくくなることがあります。
ライブプレビューがあるので、当てずっぽうで選ぶ必要はありません。Discord の暗いコードブロックを再現しているので、ページ上で見えるコントラストは、サーバーのメンバーに見えるものに近くなります。メッセージが読みやすくなるまで文字色と背景色を調整し、自信を持ってコピーしましょう。
デスクトップとモバイルでの対応状況
色付き ansi ブロックは最初 Discord のデスクトップクライアントとウェブクライアントに登場し、長い間そこでのみ確実に表示されていました。最近のモバイルアプリのバージョンでも表示できるようになったため、ほとんどの場合、色付きメッセージはスマートフォンでもパソコンと同じように見えます。色はメッセージに焼き込まれているのではなく Discord が各デバイスで計算するため、投稿された 1 つのブロックを対応しているあらゆる場所で正しく表示できます。
ただし、対応状況が完全に均一というわけではありません。非常に古いクライアントや、代替・サードパーティのアプリでは、プレーンな等幅テキストにフォールバックして色をスキップすることがあります。重要なのは、その場合でも文字は常に読めるということです。欠けるのは色だけで、色付きメッセージはがらくたになるのではなく、きれいに劣化します。
コピーして貼り付けるまでの流れ
手順はあえてシンプルに設計されています。メッセージを入力し、文字色を選んでお好みで背景色も選び、太字や下線を切り替えながら、プレビューがリアルタイムで更新されるのを確認します。見た目が決まったらコピーを押します。ツールがフェンス行とカラーコードを含む完全な ansi コードブロックを、そのまま送信できる 1 つの単位としてクリップボードに配置します。
あとは Discord の任意のメッセージに貼り付けて送信するだけです。覚えておくべきルールはひとつ、ブロック全体をそのまま保つことです。開閉のフェンスを削ったり、コードブロックの外にある文の途中に色付きテキストを貼り付けたりしないでください。1 つのメッセージで複数の色を使いたい場合は、各色付きのパーツをここで生成し、1 つの ansi ブロックの中にまとめて配置すれば、すべてのパーツが色を保ちます。
色付きテキストが役立つ場面
にぎやかなサーバーでは、ちょっとした色が大きな効果を生みます。モデレーターはルールやお知らせを目立たせるために使い、イベントの主催者は日付や役割を強調し、コミュニティのメンバーは自己紹介やステータス投稿に個性を加えます。色はごく普通のメッセージの中にあるので、特別な権限がなくても誰でも投稿できます。
色付きテキストは中心的な機能というより仕上げの一手だということも頭に置いておきましょう。土台となるメッセージはそれだけで分かりやすくしておくことが大切です。そうすれば、プレーンテキストで表示されるクライアントの読者にも必要なことはすべて伝わり、それ以外の人は色を楽しめます。
よくある質問
Discord で色付きテキストを作るにはどうすればいいですか?
色付きテキストが色付きで表示されないのはなぜですか?
Discord の色付きテキストはモバイルでも使えますか?
どの色が使えますか?
1 つのメッセージで複数の色を使えますか?
私のテキストはどこかにアップロードされますか?
関連ツール
こちらの便利なツールもどうぞ