Canvaで文字色を変更する方法|一部分だけ変える操作も解説

Canvaの文字色変更する方法|文字色とカラーパレット
読者の女性アイコン

Canvaで文字の色を変えたいのですが、どこを押せばいいのか分かりません。

PORTのロゴPORT編集部

色を変えるボタンは、文字を選ぶと表示されます。まずは「文字を選ぶ→文字色を開く→色を選ぶ」の3ステップを確認しましょう。カラーコードやグラデーションの設定も順番に説明します。

Canvaの文字色は、テキストを選択したときに表示されるツールバーの「文字色」から変更できます。Aの下に色の線が付いたアイコンを押し、色の一覧から使いたい色を選びます。

ここではPC版の操作を中心に、文字全体の色変更、カラーコードの入力、グラデーションの設定を説明します。同じテキスト内の一部分だけを変える方法は、後半の補足で紹介します。

文字色とは?

文字色とは、テキストそのものに設定する色のことです。例えば、青い文字を赤い文字へ変更することです。文字の後ろの背景色とは別です。

テキストボックスとは?

テキストボックスとは、文字を入れ、位置や書式を調整する枠のことです。例えば、全体の色を変えるときはその枠を選び、一語だけなら編集状態でその語句を選びます。

文字色と背景色は、設定する対象が違う
文字色
こんにちは

文字そのものが赤く変わる。

背景色
こんにちは

文字の後ろの面が変わる。

対象の違いを示す図です。Canvaの実画面ではありません。

文字色はどこで変更する?PCでの基本操作

文字色を変える入口は、この3つ
01 文字を選ぶ
こんにちは
デザイン上の文字をクリック。文字の周りに選択枠が出る。
02「文字色」を開く
A選択後のツールバーにある、A+色の線のアイコンを探す。
03 色を選ぶ
こんにちは
色のタイルをクリックすると、選んだ文字の色が変わる。
操作の流れを示す図解です。Canvaの実画面のスクリーンショットではありません。

最初に、色を変えたい文字そのものをクリックしてください。何も選んでいない状態では、文字色のボタンは表示されません。

  1. 色を変えたいテキストをクリックする文字の周りに選択枠が出たら、そのテキストボックスを選べています。文字全体を変える場合は、一語だけをドラッグで選択する必要はありません。
  2. ツールバーの「文字色」をクリックする選んだテキストの編集ツールバーにある、Aの下に色の線が付いたアイコンを探します。マウスを重ねて「文字色」の表示を確認すると見つけやすくなります。ツールバーは画面上部や選択した文字の近くに表示されます。
  3. 色の一覧から使いたい色をクリックするカラーパネルが開いたら、色のタイルを選びます。選択したテキストの色が変われば完了です。パネルの外をクリックし、選択を解除して結果を確認します。
文字色の入口:文字を選ぶ → Aの下に色の線がある「文字色」 → 色のタイルを選ぶ。この操作で、まず単色の文字に変更できます。

色を変えたあとで文字を編集したくなったら、テキストをダブルクリックして入力します。文字の追加から確認したい場合は、Canvaでテキストを入れる方法を参照してください。

カラーコードとは?

カラーコードとは、色を特定するための番号のような表記のことです。例えば、#071A3Dは濃紺を指定するコードです。同じコードを入力すれば、前に作った画像と同じ色を設定できます。

色の一覧を見て「この青だったかな?」と迷ったことはありませんか。似た青が並んでいても、カラーコードを使えば、使いたい色を番号で指定できます。

カラーコードは「色を特定するための番号」

カラーコードは、色に付けられた番号のようなものです。例えば#071A3Dと入力すると濃紺になります。「濃い青」という言葉では人によって想像する色が違いますが、同じコードを指定すれば同じ色を設定できます。

この番号が、この色を表す
濃紺
#071A3D
こんにちは
青
#24539B
こんにちは
赤
#C54351
こんにちは
コードが変わると文字色も変わります。上の色見本はそれぞれのコードで表示しています。

Canvaで使う代表的な形式は、「#」+6桁の数字・英字です。HEXコード(ヘックスコード)とも呼ばれます。数字は0〜9、英字はA〜Fを使います。コードの仕組みを暗記する必要はなく、使いたいコードをコピーして入力できれば十分です。

どんなときに使うの?

「会社のロゴと同じ色にしたい」「前に作った画像と同じ色にしたい」「指定された色を使いたい」ときに便利です。例えば、前回のタイトルが#24539Bなら、今回もそのコードを入力するだけで同じ青にできます。

色を探し直さず、同じ番号を使う
前に作った画像
お知らせ

#24539B

新しく作る画像
新メニュー

#24539B

文字や内容が違っても、同じカラーコードなら同じ色を指定できます。

Canvaでカラーコードを入力する手順

文字色のボタンから開いたカラーパネルで、色を詳しく指定できます。基本操作の「色を選ぶ」部分を、コードの入力に置き換えると考えてください。

  1. テキストを選び、「文字色」を開く色を変えたい文字をクリックして、Aの下に色の線があるボタンを押します。
  2. 「新しい色を追加」を開く虹色のタイルや「+」から詳細な色の設定を開きます。タブが表示されたら「単色」を選びます。
  3. コードの入力欄に使いたい番号を入れる現在のコードを消して、例えば#24539Bを入力します。入力を確定し、文字が青に変わったことを確認します。
コードを入力すると、文字色が変わる
入力するコード
#24539B
文字に反映される色
こんにちは
入力と結果の関係を示す図です。Canvaの入力欄を再現した画面ではありません。

コードは半角で入力します。コピーするときは説明文や前後の空白を含めず、コードだけを貼り付けてください。#FFFFFFは白、#000000は黒です。白い背景に白い文字を設定すると見えなくなるため、変更結果を確認するときは注意しましょう。

別の文字にも同じ色を使うなら、同じコードを入力します。「ドキュメントのカラー」にその色が表示されていれば、そのタイルを選んでも設定できます。

グラデーションとは?

グラデーションとは、複数の色が途中の色を挟みながら、なめらかに変化する表現のことです。例えば、青から紫へ徐々に変わる文字色を作れます。

目的から設定を選ぶ
1
一覧の色を使う

文字を選び、「文字色」でタイルを選ぶ。

2
同じ色を再現する

カラーコードを入力する。

3
なめらかに色を変える

グラデーションの設定へ進む。

入口は同じ文字色のパネルです。

ここまでは文字を1つの色に変える操作でした。Canvaでは、1つの文字の中で色が少しずつ変わる「グラデーション」も設定できます。

単色とグラデーションは何が違うの?

単色は、文字全体が同じ色になります。グラデーションは、例えば青から紫へ、途中の色を挟みながらなめらかに変化します。「前半の文字だけ青、後半だけ紫」と分ける方法とは違います。

同じ文字でも、色の変わり方が違う
単色:全体が1つの色
こんにちは
左から右まで、同じ青。
グラデーション:色が少しずつ変化
こんにちは
青から紫へ、途中の色もなめらかにつながる。
文字自体に色の変化を付けた表示例です。Canvaの操作画面ではありません。

文字の後ろにグラデーションの背景を置くのではなく、文字そのものの色として設定します。入口は単色と同じ「文字色」です。

まずは用意されたグラデーションを選ぶ

最初から色を組み合わせなくても、Canvaに用意されているグラデーションを選んで試せます。

  1. テキストを選び、「文字色」を開く基本操作と同じカラーパネルを開きます。
  2. カラーパネルを下へスクロールする「グラデーション」の一覧を探します。1つのタイルの中に複数の色が混ざっているのが目印です。
  3. 使いたいグラデーションをクリックする選択した文字に色の変化が反映されます。選択を解除して、文字の左側と右側などで色が変化しているか確認します。

自分でグラデーションの色を決める

グラデーションを作るときに決めるのは、「使う色」と「色が変化する向き」です。まずは2色で試すと、何を設定しているのか分かりやすくなります。

青+紫を、なめらかにつなぐ
1色目:青
2色目:紫
この2色をつないだ結果
こんにちは
2つの色を端の色として指定すると、その間がなめらかに変化します。
  1. 「新しい色を追加」から「グラデーション」を開く文字色のカラーパネルで詳細な色の設定を開き、「グラデーション」タブを選びます。
  2. グラデーションを構成する色を変更する各色のタイルをクリックして、使いたい色に変更します。例えば1色目を青、2色目を紫にします。必要に応じて色を追加することもできます。
  3. 「スタイル」で変化の向きを選ぶ用意されたスタイルを切り替えて、文字に反映される色の変化を確認します。横方向と縦方向など、同じ色でも向きによって見え方が変わります。

普通の1色の文字に戻したい場合は、「文字色」のパネルで単色のタイルを選び直します。

反映されない場合:通常のデザイン上のテキストボックスで試してください。Canva Docsの通常の本文など、対応しない場所があります。文字のエフェクトや一部の書式も影響するため、いったん外して確認します。

補足:一部分だけ文字色を変える

一部分だけ変えるなら、先にその文字を選ぶ
文章全体を選んで色変更
今日はお休みです
すべての文字が青に変わる。
「お休み」だけ選んで色変更
今日はお休みです
「お休み」だけ青に変わり、残りは元の色のまま。
変更結果の違いを示す図です。色を変える前の選択範囲によって結果が変わります。

テキストボックス全体ではなく、同じ文章の中の一語だけを別の色にすることもできます。違いは色を開く前に、対象の文字を選択することです。

  1. テキストをダブルクリックする文字を入力・編集できる状態にします。
  2. 色を変えたい部分だけをドラッグするその語句だけが反転表示されていることを確認します。
  3. 「文字色」を開いて色を選ぶ選択した部分だけに色を適用し、残りの文字は元の色のままか確認します。

文章全体の色が変わってしまったら、「元に戻す」で戻し、語句の選択範囲を確認してから操作し直してください。

スマホで操作するときのポイント

一語ごとの色分けとグラデーション
一部分だけの色変更
今日はお休みです

「お休み」だけが青になり、ほかは元の色。

グラデーション
今日はお休みです

文字の中で、青から紫へ途中の色がつながる。

グラデーションは、単語ごとに別の単色を付ける方法とは異なります。

スマホでも基本の順番はテキストをタップ → 文字色の項目を開く → 色を選ぶです。PCとボタンの配置は異なることがありますが、先にテキストを選ぶ点は共通です。編集メニューに文字色が見当たらない場合は、メニューを横へ送って探してください。

カラーコードやグラデーションも、文字色のカラーパネルから設定します。文字入力中でメニューが隠れている場合は、入力を終えてテキストボックスを選び直します。

文字色が変わらない・ボタンが見つからないとき

背景や画像を選んでいないか確認する

背景・図形の色と文字色は別の設定です。文字色のボタンが出ない場合は、背景の余白ではなく、色を変えたい文字をクリックし直します。写真の中に写っている文字や画像として配置した文字は、通常のテキストとして色を変更できません。

テキストの編集状態と選択範囲を確認する

一部の文字だけが変わる場合は、その語句だけを選択していないか確認します。全体を変えたいときは文字の編集を終え、テキストボックスを選択してから文字色を設定します。

グラデーションだけ使えない場合

単色は変えられるのにグラデーションが反映されない場合は、デザインの種類や文字のエフェクト・書式を確認します。新しい通常のテキストボックスでも試し、対象の文字に固有の問題か切り分けてください。

よくある疑問

一覧にない色も使えますか?

使えます。「新しい色を追加」から色を選ぶか、カラーコードを入力してください。

グラデーションは有料ですか?

Canva公式ヘルプでは、グラデーション機能は無料ユーザーも利用できると案内されています。利用する場所や文字の書式によって、反映されない場合があります。

変更した色を元に戻せますか?

直前の操作なら、編集画面の「元に戻す」を使います。以前の色のコードが分かる場合は、そのコードを再入力して戻すこともできます。

まとめ|文字を選んで「文字色」を開く

  • 基本操作:テキストを選ぶ → 「文字色」を開く → 色を選ぶ
  • 指定した色:新しい色の設定からカラーコードを入力する
  • グラデーション:文字色のパネルで色が混ざったタイルを選ぶ。自分で組み合わせる場合は「グラデーション」タブを使う
  • 一部分だけ:対象の語句を選択してから色を変える

まずはテキストを1つ選び、一覧の色に変更してみましょう。文字色の入口が分かれば、カラーコードやグラデーションも同じパネルから操作できます。

参考:Canva公式ヘルプ 文字の書式設定/色の変更/グラデーションの作成と使用(2026年10月3日確認)

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人