WindowsやMicrosoft 365（Excel・Word・PowerPoint）、Gmailなどのおすすめのテクニックの紹介、PC操作時のハプニング解決法の紹介、PDFの無料配布、動画解説などお役に立てると思うことをやっています。

まなびっと

PowerPointの色選びに困ったときの参考に！RGBカラーコードサンプル

完全版を表示する

 

PowerPoint（パワーポイント）でプレゼン資料を作成する際、どんな色使い、配色にするか困ることはありませんか。

 

「センスがないから自分には無理」と考えずに、この記事で紹介するカラーコードサンプルを真似してみてください。

 

真似をする際に1つだけポイントがあります。

それは、ベースカラー約70％、メインカラー約25％、アクセントカラー約5％という、おおまかな色の面積配分を意識することです。

 

色、カラーコード（RGBの値）はそのまま使う。

一方で、どの色を全体の約70％を占めるベースカラー（背景色など）にするのか、約25％を占めるメインカラー（主に使う文字色など）にするのか、約5%のアクセントカラー（強調する文字色など）を最初に決めておく必要があります。

 

決めた後は、淡々とその色のルールを守く。

そうすれば、きっと統一感のある色使いのスライドが完成するはずです。

 

この記事では、カレンダーを配色例としています。

デザインサンプルではありませんので、ご了承ください。

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

続きを見る

 

信頼感のある青の配色

信頼感のある青のカラーパレット

信頼感のある青のカラーパレットです。

PowerPointのスライドに合うと思います。

C:100
M:61
Y:10
K:11		 R:0
G:84
B:151
#005497
C:74
M:14
Y:32
K:0		 R:32
G:164
B:175
#20a4af
C:7
M:0
Y:0
K:25		 R:199
G:206
B:211
#c7ced3
C:3
M:0
Y:100
K:0		 R:255
G:239
B:0
#ffef00

 

信頼感のある青の配色例

カラーパレットから4色を選んだ組み合わせ。

 

 

 

大人の雰囲気ただよう赤の配色

大人の雰囲気ただよう赤のカラーパレット

大人の雰囲気ただよう赤のカラーパレットです。

C:48
M:100
Y:92
K:22		 R:135
G:20
B:37
#871425
C:74
M:95
Y:75
K:25		 R:46
G:10
B:25
#2e0a19
C:27
M:15
Y:25
K:0		 R:197
G:207
B:195
#c5cfc3
C:11
M:4
Y:7
K:0		 R:232
G:239
B:238
#e8efee

 

大人の雰囲気ただよう赤の配色例

カラーパレットから4色を選んだ組み合わせ。

 

 

ラブリーな黒の配色

ラブリーな黒のカラーパレット

ラブリーな黒のカラーパレットです。

C:67
M:58
Y:55
K:5		 R:104
G:104
B:104
#686868
C:56
M:5
Y:44
K:0		 R:122
G:197
B:165
#7ac5a5
C:13
M:4
Y:73
K:0		 R:241
G:236
B:88
#f1ec58
C:4
M:35
Y:2
K:0		 R:246
G:192
B:216
#f6c0d8

 

ラブリーな黒の配色例

カラーパレットから4色を選んだ組み合わせ。

 

 

芸術的な紫のカラーパレット

芸術的な紫のカラーパレットです。

C:64
M:93
Y:18
K:0		 R:126
G:47
B:131
#7e2f83
C:19
M:26
Y:93
K:0		 R:224
G:192
B:0
#e0c000
C:20
M:59
Y:75
K:0		 R:214
G:130
B:71
#d68247
C:27
M:7
Y:23
K:0		 R:200
G:222
B:207
#c8decf

 

芸術的な紫の配色例

カラーパレットから4色を選んだ組み合わせ。

 

 

 

遊びの効いた茶色のカラーパレット

遊びの効いた茶色のカラーパレットです。

C:51
M:100
Y:100
K:35		 R:115
G:14
B:14
#730e0e
C:48
M:51
Y:100
K:2		 R:155
G:127
B:27
#9b7f1b
C:57
M:34
Y:67
K:0		 R:130
G:151
B:103
#829767
C:9
M:9
Y:28
K:0		 R:239
G:232
B:196
#efe8c4

 

遊びの効いた茶色の配色例

カラーパレットの4色と白の組み合わせ。

 

 

親しみやすい緑のカラーパレット

親しみやすい緑のカラーパレットです。

C:84
M:12
Y:100
K:0		 R:0
G:153
B:61
#00993d
C:0
M:52
Y:90
K:0		 R:242
G:148
B:29
#f2941d
C:0
M:0
Y:7
K:2		 R:253
G:252
B:241
#fdfcf1
C:4
M:0
Y:2
K:31		 R:193
G:197
B:198
#c1c5c6

 

 

乙女な紫の配色

乙女な紫の配色のカラーパレット

乙女な紫のカラーパレットです。

C:22
M:47
Y:0
K:0		 R:202
G:152
B:195
#ca98c3
C:0
M:13
Y:36
K:0		 R:254
G:228
B:175
#fee4af
C:0
M:32
Y:19
K:0		 R:247
G:195
B:189
#f7c3bd
C:5
M:0
Y:0
K:13		 R:224
G:230
B:233
#e0e6e9

 

 

若々しいピンクの配色

若々しいピンクのカラーパレット

若々しいピンクのカラーパレットです。

C:9
M:73
Y:38
K:0		 R:235
G:102
B:121
#eb6679
C:11
M:29
Y:92
K:0		 R:231
G:186
B:21
#e7ba15
C:21
M:3
Y:18
K:0		 R:211
G:230
B:217
#d3e6d9
C:65
M:0
Y:39
K:0		 R:77
G:187
B:172
#4abbac

 

おすすめ
プレゼン･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?20210203","msmaflink");msmaflink({"n":"COLOR DESIGN　カラー別配色デザインブック","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/41E5h3cglKL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B08V4RG64L","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\/B08V4RG64L","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\/COLOR%20DESIGN%E3%80%80%E3%82%AB%E3%83%A9%E3%83%BC%E5%88%A5%E9%85%8D%E8%89%B2%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF\/","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=COLOR%20DESIGN%E3%80%80%E3%82%AB%E3%83%A9%E3%83%BC%E5%88%A5%E9%85%8D%E8%89%B2%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF","a_id":2391145,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3}],"eid":"H84lI","s":"l"});

  • B!