PowerPointのスライドの色選びにおすすめのトーン別カラーコード表

PowerPoint（パワーポイント）のスライドには、「色」が欠かせないものです。

白黒の単調なものよりも、いくつかの色を使った方が魅力的ですし、理解を促すこともしばしばあります。

ですが、適当に色を選んだり、むやみにたくさんの色を使うことはおすすめできません。

正しい色の使い方を知っておくと、見やすくわかりやすい資料が作成できます。

この記事では、色を選ぶ際に参考になる配色表を、実務で使えるようカラーコード付けて紹介します。

色相環

色相を円にしてつなげたものを色相環（しきそうかん）といいます。

PowerPointのスライドに色を使う際には、色相環で隣り合う色、近い位置にある色でまとめると統一感がでます。

色相環で隣り合う色、近い位置にある色を、ベースカラーやアソートカラーにし、対照の位置にある色をアクセントカラーにしてあげるとメリハリの効いたスライドになります。

ビビットトーンの12色相環

トーン

明度と彩度をまとめた表現をトーンといいます。

PowerPointのスライド配色は、同じトーンの色でまとめると統一感がでます。

トーンの種類と位置関係

色の配分のバランス

ベースカラー、アソートカラー、アクセントカラーと色を3つに配分することで、バランスのとれた配色になります（3つに配分するとは、3色で配色するということではありません）。

色の配分（配色比）は、「70:25:5の法則」や「6:3:1の法則」と言われています。

ベースカラー

配色の中で6、7割の面積を占める色になります。

全体のイメージの方向性を作る役割の色です。

アソートカラー

全体の2、3割の面積を占める色になります。

ベースカラーを引き立てたり、配色のイメージを確定させる役割になる色です。

アクセントカラー

全体の約1割の面積を占める色になります。

全体を引き締めたり、変化をつけることが役割なので、ベースカラーとは対照的な位置にある色（補色など）にするとよいです。

各トーンの名称とカラーコード

12色相環をトーンごとに、まとめたトーンカラーサンプルです。

ビジネスの現場で使いやすいようカラーコードを付しています。

Vd（ビビット｜Vivid tone）

彩度が高いため、PowerPointのスライドへの使用はあまりおすすめできません。

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Bt（ブライト｜Bright tone）

適度な彩度のため、PowerPointのスライドへの使用もありです。

明度が高いため、やわらかい印象になります。

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Sg（ストロング｜Strong tone）

適度な彩度と適度な明度があるため目立ちやすく、PowerPointのスライドへの使用はおすすめです。

無彩色であるK（キープレート）との相性がいいと思います。

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/41UQVLCdSyL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B089VPT2D7","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B089VPT2D7","a_id":2305929,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E8%A6%8B%E3%81%A6%E3%82%8F%E3%81%8B%E3%82%8B%E3%80%81%E8%BF%B7%E3%82%8F%E3%81%9A%E6%B1%BA%E3%81%BE%E3%82%8B%E9%85%8D%E8%89%B2%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%203%E8%89%B2%E3%81%A0%E3%81%91%E3%81%A7%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%AE%E3%81%84%E3%81%84%E8%89%B2\/","a_id":2297899,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":3,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https:\/\/shopping.yahoo.co.jp\/search?first=1\u0026p=%E8%A6%8B%E3%81%A6%E3%82%8F%E3%81%8B%E3%82%8B%E3%80%81%E8%BF%B7%E3%82%8F%E3%81%9A%E6%B1%BA%E3%81%BE%E3%82%8B%E9%85%8D%E8%89%B2%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%203%E8%89%B2%E3%81%A0%E3%81%91%E3%81%A7%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%AE%E3%81%84%E3%81%84%E8%89%B2","a_id":2391145,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"MAdRp","s":"l"});

Dp（ディープ｜Deep tone）

適度な彩度と適度な明度があるため目立ちやすく、PowerPointのスライドへの使用はおすすめです。

こちらも、無彩色であるK（キープレート）との相性がいいと思います。

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"キャラの魅力を最大限に引き出す！マンガキャラ配色の教科書","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51chMztYoCS._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B0976X236R","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B0976X236R","a_id":2305929,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"id":2,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E3%82%AD%E3%83%A3%E3%83%A9%E3%81%AE%E9%AD%85%E5%8A%9B%E3%82%92%E6%9C%80%E5%A4%A7%E9%99%90%E3%81%AB%E5%BC%95%E3%81%8D%E5%87%BA%E3%81%99%EF%BC%81%E3%83%9E%E3%83%B3%E3%82%AC%E3%82%AD%E3%83%A3%E3%83%A9%E9%85%8D%E8%89%B2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8\/","a_id":2297899,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2},{"id":3,"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https:\/\/shopping.yahoo.co.jp\/search?first=1\u0026p=%E3%82%AD%E3%83%A3%E3%83%A9%E3%81%AE%E9%AD%85%E5%8A%9B%E3%82%92%E6%9C%80%E5%A4%A7%E9%99%90%E3%81%AB%E5%BC%95%E3%81%8D%E5%87%BA%E3%81%99%EF%BC%81%E3%83%9E%E3%83%B3%E3%82%AC%E3%82%AD%E3%83%A3%E3%83%A9%E9%85%8D%E8%89%B2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8","a_id":2391145,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"ySnLj","s":"l"});

Lt（ライト｜Light tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

St（ソフト｜Soft tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Dl（ダル｜Dull tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Dk（ダーク｜Dark tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Pe（ペール｜Pale tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Lg（ライトグレイッシュ｜Light grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Gh（グレイッシュ｜Grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Dg（ダークグレイッシュ｜Dark grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Vp（ベリーペール｜Very pale tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Pg（ペールグレイッシュ｜Pale grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Mg（ミドルグレイッシュ｜Middle grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Vg（ベリーグレイッシュ｜Very grayish tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

Vk（ベリーダーク｜Very dark tone）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

K（キープレート｜Key plate）

Vd Bt Sg Dp Lt St Dl Dk Pe Lg Gh Dg Vp Pg Mg Vg Vk Kへ移動する

関連記事

• プレゼン･PowerPoint資料の色選びに便利！配色サンプルテンプレート

• PowerPoint既定のカラーパレットに不満がある方へカラーパレット

参考文献

• 色カラーの基本カラーパレット
• 一生使える見やすい資料のデザイン入門
• 配色の超入門書

(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");msmaflink({"n":"一生使える見やすい資料のデザイン入門","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/511GylLwTqL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B01AT266XS","t":"amazon","r_v":""},"aid":{"amazon":"2305929","rakuten":"2297899"},"eid":"MDsVr","s":"s"});