• 更新日 : 2026年8月10日

Googleスライドの図形の色変更は？透明度やHEXも解説

Googleスライドで図形に色をつけようとして、ツールバーにメニューが出ずに戸惑った経験はないでしょうか。原因の多くは操作の順番にあり、コツをつかめば数クリックで思いどおりの色に変えられます。本記事では、塗りつぶしや枠線の基本から、HEXコード・透明度・グラデーション、テーマの色による一括変更まで、資料の見た目を整える手順を解説します。

Googleスライドで図形の色を変える基本手順は？

Googleスライド（Google Slides）で図形の色を変えるには、図形を選択してからツールバーの「塗りつぶしの色」アイコンを押します。図形を選んでいない状態ではメニューが出ないため、初めて操作する方がつまずきやすい部分です。

塗りつぶしの色を変更する

図形の背景色は、図形を選択してから「塗りつぶしの色」アイコンで変更します。

色を変える手順は以下のとおりです。

選んだ色はすぐに反映されるため、プレビューを見ながら調整できます。パレットには「テーマ」「標準」「カスタム」が用意されており、用途に応じて使い分けられます。

枠線の色と太さを変更する

枠線は「枠線の色」と「枠線の太さ」のアイコンから個別に調整します。

図形の周囲に表示される枠線（ボーダー）も、色や太さを別々に変えられます。手順は以下のとおりです。

枠線を消したいときは「透明」を選べば、枠線なしの図形になります。塗りつぶしと枠線を同系色でそろえるとまとまりが出て、あえて明暗の差をつけると強調にも使えます。

メニューが表示されないときの対処法

メニューが出ないときは、図形そのものが選択されていないことがほとんどです。

テキストボックス内にカーソルがある状態でも、図形が未選択の扱いになる場合があります。図形の枠線部分を直接クリックし、四隅にハンドル（青い小さな四角）が表示されたことを確認してから操作してみてください。

参照：テキスト、オブジェクト、背景の色を変更する｜Google ドキュメント エディタ ヘルプ

Googleスライドの図形にカラーコードで色を指定するには？

会社のブランドカラーやロゴと同じ色をそろえるには、HEXコード（16進カラーコード）での指定が確実です。パレットから近い色を選ぶ方法では、資料全体の統一感が崩れやすくなります。

HEXコードを入力する

HEXコードは、パレットの「カスタム」から値を入力して反映します。

HEXコードは、Webデザインやブランドガイドラインで広く使われる英数字です。入力手順は以下のとおりです。

自社のブランドガイドラインにHEXコードが記載されていれば、その値をそのまま入力するだけで正確な色を再現できます。カスタム画面ではRGB（赤・緑・青の数値指定）にも切り替えられます。

スポイト機能で既存の色を抽出する

スポイトツールを使うと、画面上の色をクリックするだけで同じ色を取り込めます。

ロゴ画像やWebサイトのスクリーンショットから色を取り込みたいときに便利な機能です。スポイトツールは、ChromeとEdgeのブラウザで利用できます。

使い方は、カラーパレットの「カスタム」でスポイトのアイコンを選び、取り込みたい色の部分をクリックするだけです。

ロゴ画像を一時的にスライドへ貼り付けて色を抽出し、あとで画像を削除すれば、コーポレートカラーのコードがわからない場合でも正確な色を取得できます。

参照：テキスト、オブジェクト、背景の色を変更する｜Google ドキュメント エディタ ヘルプ

Googleスライドの図形にグラデーションや透明度を設定するには？

図形にグラデーションをかけるには「塗りつぶしの色」パレットで「グラデーション」タブを選び、色と方向を指定します。透明度はカスタム設定のスライダーで、0%（不透明）から100%（透明）まで調整します。

グラデーションを設定する

グラデーションは「塗りつぶしの色」パレットの「グラデーション」タブから設定します。

設定手順は以下のとおりです。

カスタム設定では分岐点を追加して、複数色のグラデーションも作れます。分岐点ごとに色を変えられるため、メインカラーからサブカラーへ自然に移り変わる表現もつくれます。背景に大きな四角形を置いて薄いグラデーションをかけると、白一色よりも落ち着いた印象の資料に仕上がります。

透明度を調整して重ね表現をつくる

透明度は、カスタム色設定のスライダーで不透明から透明まで調整します。

透明度を30〜50%程度に設定した図形を写真の上に重ねると、写真を薄く見せながら文字を読みやすく保てます。写真の上に半透明の濃い色の図形を重ね、その上に白い文字を置くレイアウトは、プレゼンテーション資料の表紙やセクションの区切りでよく使われます。

透明度はグラデーションの分岐点ごとにも設定できるため、端だけ透明にフェードする表現にも対応します。

参照：Google スライドでテンプレートを使用したり、テーマ、背景、レイアウトを変更したりする｜Google ドキュメント エディタ ヘルプ

Googleスライドで図形の色をテーマ編集で一括変更するには？

図形を1つずつ変えるのは手間がかかります。「テーマを編集」で色を設定しておくと、スライド全体の配色をまとめて整えられ、作業時間の短縮につながります。

スライドマスターでテーマの色を設定する

テーマの色は「スライド」から「テーマを編集」を開いて変更します。

手順は以下のとおりです。

テーマの色に自社カラーをセットすると、以降は塗りつぶしパレットの「テーマ」欄に自社カラーが並びます。毎回HEXコードを入力する手間がなくなり、1クリックで色を適用できます。

テーマの色設定で得られるメリット

テーマの色を決めておくと、資料作成の効率とデザインの統一感が高まります。

テーマの色を一度設定すると、以降の作業が大きく変わります。

営業チーム全員が同じテーマ設定のテンプレートを共有すれば、誰が作っても配色がそろいます。テンプレートを「ファイル」→「コピーを作成」で複製して使う運用にすると、ブランドの一貫性を保ちやすくなります。

参照：Google スライドでテーマの色を簡単にカスタマイズ｜Google Workspace Updates

Googleスライドの図形で迷わない配色のコツは？

色選びに迷うときは、ベース・メイン・アクセントに色を絞り、面積の比率を意識すると資料が見やすく整います。デザインの知識がなくても、この考え方だけで印象が変わります。

ベース・メイン・アクセントで配色を決める

配色は、ベース・メイン・アクセントに色を分けて考えると決めやすくなります。

ビジネス資料の色は、大きく分けて次のように整理できます。一般的には、ベース約70%・メイン約25%・アクセント約5%が目安といわれています。

ベースカラーは背景や余白に使い、資料全体のトーンを決めます。メインカラーは見出しバーや図形に使うと印象がまとまります。アクセントカラーは「ここだけは見てほしい」数字やグラフの強調に絞ると、視線が自然にそこへ向かいます。

色の使いすぎを防ぐ

色を増やしすぎると、どこが大事な情報なのか伝わりにくくなります。

次のポイントで自分の資料を見直してみてください。

色選びに迷うときは、Googleスライドのテーマに含まれるカラーパレットをベースにするのもよい方法です。テーマの配色は調整済みのため、そのまま使っても大きく外れることは少ないです。

参照：ノンデザイナーでも知っておきたい「配色ルールの基本」｜マーケの強化書

Googleスライドの図形の色でよくある質問は？

図形の色を変えるときにつまずきやすい点を、質問形式で整理します。

スマホアプリで図形の色を変えるには？

スマホアプリでも、図形をタップして「塗りつぶしの色」から色を変えられます。

iOS・Android版のGoogleスライドアプリでも色変更に対応しています。PC版とメニューの場所が異なることがあるため、以下を参考にしてください。

複数の図形の色をまとめて変えるには？

複数の図形は、まとめて選択してから色を変えると一度に変更できます。

ShiftキーやCtrlキーを押しながら図形を順にクリックすると、複数の図形を同時に選択できます。選択した状態で「塗りつぶしの色」から色を選べば、まとめて同じ色に変わります。ドラッグで範囲を囲んで選ぶ方法もあります。数が多いときは、テーマの色を使った一括変更のほうが手戻りを抑えられます。

図形の色を元に戻すには？

直前の色変更は、「元に戻す」（Ctrl+Z）ですぐに戻せます。

色を変えた直後であれば、ツールバーの「元に戻す」アイコンかCtrl+Z（MacはCommand+Z）で前の状態に戻せます。何度か操作したあとで戻したいときは、「塗りつぶしの色」から元の色を選び直します。

テーマの色を使っている場合は、パレットの「テーマ」欄から元の色を再指定すると、統一感を保ったまま戻せます。

PowerPointとの操作の違いは？

大きな違いは色変更の入り口で、Googleスライドはツールバーから直接操作します。

PowerPoint（パワポ）から移行した方が戸惑いやすい点を比較表にまとめました。

PowerPointは右クリックの書式設定パネルから色を変えるのが中心ですが、Googleスライドはツールバーから直接操作する設計です。導線が違うだけで、できることはほぼ同じといえます。

塗りつぶしアイコンが見つからないときは？

アイコンが出ないときは、図形以外を選んでいることが多いです。

表示されない原因として多いのは、以下のケースです。

図形の輪郭部分をクリックし、四隅のハンドル（青い四角）が表示されていれば、ツールバーにバケツアイコンが現れます。テキストボックスは、枠線部分をクリックすると図形として選択できます。それでも直らないときは、ブラウザの拡張機能が干渉している場合もあるため、シークレットモードで開いて確認するとよいです。

参照：テキスト、オブジェクト、背景の色を変更する｜Google ドキュメント エディタ ヘルプ

Googleスライドの図形の色を使いこなすために

Googleスライドの図形の色は、塗りつぶしや枠線の基本操作に加え、HEXコードやスポイトでの色指定、グラデーションや透明度の応用まで幅広く調整できます。テーマの色を登録しておけば、スライド全体の配色を一括で整えられ、共同編集でのばらつきも抑えられます。

まずは自社のブランドカラーをテーマに登録するところから始めてみてください。書式設定に慣れるほど、資料の見た目とつくるスピードの両方が安定していきます。

• 監修：千葉 清美（日商簿記1級/建設業経理士1級）

  日商簿記1級・税理士科目（簿記論・財務諸表論）の確かな会計理論と、経理実務での決算・税務申告経験を兼ね備える。システム部門での業務効率化ツールの開発経験を活かし、会計・税務の知識に裏打ちされた、実効性の高い業務効率化支援を行っている。建設業経理士1級保有。