# スポイト機能：Webサイトやロゴから色を抽出して統一感を出す

スライド作成において、多くの研究者が頭を抱えるのが\*\*「色の選び方」\*\*です。

- 「どの青を使えばいいのかわからない」
- 「なんとなく標準のカラーパレットから選んだら、安っぽい印象になった」
- 「大学のロゴと、スライドの配色の相性が悪い」

色彩理論を勉強する必要はありません。センスも不要です。
PowerPointには、**「すでにある正解の色」をコピーして持ってくる**最強のツール\*\*「スポイト（Eyedropper）」\*\*が備わっています。

今回は、一瞬でスライドに統一感をもたらすスポイト機能の活用法と、Webサイトからも色を抽出する裏技を紹介します。

---

## 1. なぜ「スポイト」を使うとスライドが垢抜けるのか？

デザインにおいて「統一感」を出すための鉄則は、\*\*「画面の中で使う色の数を絞り、同系色でまとめること」\*\*です。

しかし、PowerPointのデフォルトのカラーパレット（標準の色）にある「真っ青」や「真っ赤」は、彩度が高すぎて目に痛く、プロっぽさに欠けます。

そこで役立つのが「スポイト」です。
スポイトを使えば、**「所属機関のロゴ」や「参考にしたWebサイト」**、\*\*「綺麗な写真」**の中に使われている**「実績のある色」\*\*をそのまま自分のスライドのメインカラーとして採用できます。

---

## 2. 基本：大学・企業のロゴから「テーマカラー」を決める

研究発表では、スライドの隅に大学や研究機関、企業のロゴマークを配置することが多いはずです。
この\*\*「ロゴに使われている色」を、そのままスライドの見出しや強調色に使う\*\*のが、最も手軽で失敗のないテクニックです。

### 手順

1. スライドに大学のロゴ画像を貼り付けます。
2. 色を変えたい図形やテキストを選択します。
3. [図形の塗りつぶし]（または文字の色）のメニューを開き、**[スポイト]** をクリックします。
4. カーソルがスポイトの形になるので、**ロゴ画像の中の色（例：大学カラーのエンジ色など）の上でクリック**します。

これだけで、図形の色がロゴと全く同じ色（RGB値）に変わります。スライド全体が「公式文書」のような品格を帯びるようになります。

> **【図版指示 1】**
>
> - 内容：操作手順の解説図。
> - 構成要素：
>   1. 大学のロゴ画像（架空のものでOK）を配置。
>   2. 見出し用の四角形を選択している状態。
>   3. 色のメニューから「スポイト」アイコンを選択している様子を赤枠で強調。
>   4. ロゴ上の色をクリックしようとしているカーソル。
> - キャプション：「ロゴの色を抽出すれば、配色に迷わない」

---

## 3. 応用：Webサイトの色を抽出する「画面外スポイト」の裏技

「参考にしている企業のWebサイトと同じ色を使いたい」
「論文のPDFに掲載されているグラフと同じ色を使いたい」

そんな時、通常の方法ではPowerPointのスライド内にある色しかスポイトで拾えません。しかし、実は**PowerPointのウィンドウの外側にある色**も拾える裏技があります。

### 手順（Webサイトから色を拾う場合）

1. Webブラウザで参考にしたいページを開き、PowerPointと並べて表示させます。
2. PowerPoint上で色を変えたい図形を選択し、[スポイト] を起動します。
3. ここが重要です：**スライド内で一度クリックしたまま（マウスボタンを離さずに）、そのままドラッグしてPowerPointのウィンドウの外へ出ます。**
4. Webブラウザ上の欲しい色の上までカーソルを持っていき、そこでマウスボタンを離します。

これで、ブラウザやPDF、デスクトップの壁紙など、画面上に映っているあらゆる色を抽出できます。

> **【図版指示 2】**
>
> - 内容：PowerPointのウィンドウ外から色を拾う様子のスクリーンショット。
> - 構成要素：
>   - 左側にWebブラウザ（きれいな配色のサイト）、右側にPowerPointを開く。
>   - PowerPointから矢印が伸び、Webブラウザ上の色を指している。
>   - 「クリックしたままドラッグ！」という動作を強調する矢印や吹き出し。

---

## 4. 注意点：色は「3色」までに抑える

スポイト機能は楽しいので、ついついいろいろな色を拾ってきたくなりますが、使いすぎは禁物です。
以前の記事（配色のルール）でも触れた通り、スライドで使う色は基本的に以下の3色に絞りましょう。

1. **ベースカラー（背景色）：** 白、または薄いグレー
2. **メインカラー（見出し・図形）：** **★ここでスポイトを使う！**（ロゴの色など）
3. **アクセントカラー（強調）：** メインカラーの補色（反対色）や、警告色の赤など

スポイトで抽出するのは、主に\*\*「メインカラー」\*\*の1色（または同系色の濃淡）にするのが、知的なスライドに見せるコツです。

> **【図版指示 3】**
>
> - 内容：完成したスライドのイメージ図。
> - 構成要素：
>   - 右上に配置されたロゴと同じ色（スポイトで抽出した色）が、スライドタイトルの帯や、箇条書きの行頭記号に使われている。
>   - 全体として統一感があることを示す。
> - キャプション：「ロゴと見出しの色を揃えるだけで、プロのような統一感が生まれる」

---

## まとめ：配色は「センス」ではなく「ツール」で解決できる

「自分には色のセンスがない」と嘆く必要はありません。センスの良いWebサイトや、伝統ある大学ロゴには、すでにプロが調整した完璧な色が使われています。

私たちはそれを\*\*「スポイト」で借りてくるだけ\*\*で良いのです。

1. **ロゴから色を拾って「メインカラー」にする**
2. **Webサイトや資料からも「ドラッグ」で色を拾う**
3. **拾った色を使って全体を統一する**

これだけで、あなたのスライドは「素人の資料」から「研究者のプレゼンテーション」へと生まれ変わります。ぜひ次回のスライド作りから試してみてください。