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

Canvaの文字色変更を表すカラーパレットとテキスト

Canvaで文字を入れたあと、「色を変えて見出しを目立たせたい」と思うことはありませんか?文字色は、テキストを選択してツールバーの色のメニューから変更できます。

この記事では、パソコンとスマホでの操作に加え、一部分だけ色を変える方法、カラーコードの入力、色が変わらないときの確認点を解説します。

結論:文字全体を変えるならテキストボックスを選択 → 文字色のアイコン → 色を選択。一部分だけなら、先に文字の範囲を選んでから同じ操作をします。背景色やハイライトのメニューを開いていないかも確認しましょう。

パソコン(ブラウザ)文字をクリック → 文字色 → 色

上部または文字の近くに出るツールバーから、文字色のアイコンを開きます。

スマホアプリ文字をタップ → カラー → 色

画面下部、またはキーボード上部の書式メニューを横にスワイプして探します。

文字を青くしたいのに、背景だけ色が変わってしまいます。

PORT編集部

「文字色」と「背景色」は別の設定です。テキストを選び、色のついた下線があるAのアイコンなど、文字色の項目を開いてみてください。

目次

パソコンで文字色を変更する方法

  1. 色を変えたい文字をクリックデザイン編集画面で、テキストボックスを選択します。
  2. ツールバーの「文字色」を開く上部や文字の近くに表示される、Aの下に色が付いたアイコンを探します。表示は編集画面によって異なることがあります。
  3. 好きな色を選ぶ表示されたカラーから選ぶと、選択した文字の色が変わります。

テキストボックス全体を選んでいる場合は、そのボックス内の文字全体に色が反映されます。見出しと本文を別の色にしたいなら、それぞれのテキストボックスを選んで設定してください。

紺青赤系紫白

カラーコードで色を指定する

いつも同じ色を使いたい場合は、色のパネルにある新しい色を追加する項目からカラーコードを入力します。例えばPORTの濃紺は#071A3Dです。コードの入力欄が見えない場合は、虹色のタイルや「+」から詳細のカラー設定を開いてください。

デザインで複数の文字をそろえるなら、使う色を2〜3色に絞るとまとまりやすくなります。色が選べたら、最後にスマホサイズでも読めるか確認しましょう。

一部分だけ文字色を変える方法

「期間限定」だけ赤くするなど、同じテキストボックス内で一部を強調することもできます。

  1. テキストを編集できる状態にする文字をダブルクリックして、文字の中にカーソルを入れます。
  2. 色を変えたい部分をドラッグで選択対象の語句が選択されていることを確認します。
  3. 「文字色」から色を選ぶ選択した範囲だけに色を適用します。

例:今週だけ 期間限定 のデザイン講座

ポイント:語句が選択されていないと、ボックス内の文字全体の色が変わることがあります。色を選ぶ前に、変更したい範囲が反転表示されているか確認しましょう。

スマホアプリで文字色を変更する方法

  1. デザイン内の文字をタップテキストボックスの編集メニューを表示します。
  2. 「カラー」または文字色の項目を探す画面下部のツールバーを横にスワイプします。文字入力中なら、キーボード上部の書式ツールにも色の項目が表示されます。
  3. 色を選んで画面に戻る色の一覧から選ぶと文字色が変わります。必要なら「+」などから色を追加します。

文字入力中に色を選ぶと、キーボードが閉じて色の設定画面が開く場合があります。ツールバーが見当たらないときは、文字を入力している状態と、テキストボックスを選択している状態を切り替えて確認してください。

文字色が変わらないときの確認点

背景色やハイライトを選んでいる

「背景」や「ハイライト」は文字そのものの色とは別です。テキストに色を付けたい場合は、文字色のメニューを開きます。背景の四角形を選択している場合も、文字をクリックし直してください。

文字ではなく画像を選んでいる

画像に写り込んだ文字や、画像として配置されたロゴは通常のテキストボックスではありません。文字色のメニューが表示されないときは、選択中の素材が編集できるテキストか確かめましょう。

色が見えにくい

白い背景に薄い黄色、濃紺の背景に黒い文字などは、変更できていても見分けにくくなります。背景との明暗差をつけ、細いフォントなら色を少し濃くしてみてください。見出しを目立たせたいときは、色だけでなく太さやサイズも調整すると効果的です。

まとめ|文字を選んでから色を変える

  • 文字全体:テキストボックスを選び、「文字色」から設定する
  • 一部分:文字の範囲を選択してから色を設定する
  • 指定色:新しい色の項目でカラーコードを入力する
  • 変わらないとき:背景色・ハイライト・画像を選んでいないか確認する
RELATED GUIDE →Canvaで文字を太字にする方法|一部だけ太くする操作も解説 RELATED GUIDE →Canvaでテキストを入れる方法|文字の追加・編集を初心者向けに解説

参考:Canvaヘルプセンター「Add and edit text」/Canvaヘルプセンター「Get to know the editor」(2026年9月29日確認)

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

この記事を書いた人

目次