パワーポイントで見やすい色の組み合わせ100パターン

いつも見て頂きありがとうございます！「エンプレス」の編集部：sugiyamaです。参考にしたい資料の色の組み合わせを100パターン集めました。

「何色が見やすいか分からない…」
「色選びのセンスがない…」
「色の組み合わせを試したい…」

パワーポイントは色を自由に使えますが、自由だからこそ、その組み合わせには悩みますよね。

選び方次第で「見づらい」「見やすい」も変わってくるため、実際に作られた資料から色を抽出して、今から現場で使える色の組み合わせをまとめました。

このページが、色選びの参考になれれば嬉しいです。

01. 青のグラデーションからアクセントにピンク

参考：コンバージョン率向上のためのウェブサイト改善 23の施策集

02. トーンを合わせた青紫のグラデーション

参考：デジタルマーケティング総合支援サービスご紹介資料

03. 青色ベタ塗で陰影あり

参考：【ガイドブック】ブランディングの成功確率を高める「７ステップ」完全ガイド

04. 青緑に映える黄色

参考：【調査レポート】全国のビジネスパーソン約3,000名に聞いたブランディング意識調査

05. 青色をオーバーレイにして全体の色調を合わせる

参考：映像クリエイティブの力を使った採用プロモーション支援

06. マットな青緑に黄色をアクセント

参考：【運用初級者向け】リスティング広告コンバージョン成果改善マニュアル

07. 青紫に白の間違いないパターン

参考：株式会社サインドのIR・決算

08. 彩度の低い紺と白の組み合わせ

参考：株式会社PR TIMESのIR・決算

09. 全体的な水色の中に赤色のアクセント

参考：PDFソフトの王道！手軽に使い出せるKdan PDF Reader

10. 濃い青色の中でも映える赤紫

参考：【ガイドブック】ブランディングしようと思ったら『ブランディング・オーダーシート』

11. 青と紫のグラデーション

参考：AD-PASS（広告チーム立ち上げサービス）

12. 紺と発色のいい水色・緑

参考：Geckoboard(ゲッコーボード)

13. さわやかな青色と水色の組み合わせ

参考：アニメ好きターゲティング×インタラクティブ動画

14. 紫の濃淡で色相を合わせる

参考：freee株式会社のIR・決算

15. 青と緑のグラデーションで濃淡を付ける

参考：Web広告のプロが教えるWebマーケティングの考え方

16. 水色で色相を合わせた配色パターン

参考：【保存版】BtoBマーケティング デジタル施策リスト

17. 色相を合わせた青の中を白でくりぬく

参考：BSM SaaS「Pro-Sign」のご案内

18. 紺と白の中にアクセントで橙

参考：定期通販限定！5か年EC事業計画シミュレーション

19. 藍色のトーンに合わせた組み合わせ

参考：正確なデータを集める！アンケート作成術「7つのポイント」

20. 彩度の高い水色に濃い青を組み合わせ

参考：地域No1になるための社名認知獲得～タレントキャスティングにおけるデジタルマーケティング活用～

21. トーンを合わせた青とベージュ

参考：マーケティング人材とのマッチングサービス「カイコク」

22. 青の濃淡でコントラストを付ける

参考：【GOOD例＆BAD例つき】LP改善 21の施策集

23. 彩度を落とした青紫で全体を覆う

参考：他社と圧倒的差別化！リサーチ型コンテンツ作成支援「アンケトス」

24. 青で色彩を合わせて黄色をアクセント

参考：住宅購入の調査レポート

25. 白をベースに紺と赤で彩りを

参考：月額たったの5,000円で使える入社手続きシステム「SPIRAL HRクラウド LT」

26. 水色のオーバーレイを重ねて写真のトーンを合わせる

参考：専門家キャスティング×インタビュー軸マーケティングコンテンツ制作サービス「Authorize」

27. 青の色相から外れないようバランスよく組み合わせ

参考：歯科タウン　広告メニュー

28. 彩度を落とした青が映えるような組み合わせ

参考：ECの受注処理が0になる！受注管理システム「コマースロボ」

29. 水色と赤色のトーンを合わせて色合いを合わせる

参考：ここが凄いUIshare！社内・外で使える動画共有プラットフォーム

30. 青と緑に合う黄色をアクセントに

参考：ここが凄いRanabase！仕事の「見える化」で業務改善を促すツール

31. 強めの青色をポイントで使用

参考：キジクラ

32. 青の面積を増やして全体的に締まりを演出

参考：NFTに特化した情報サイト「NFT Media」

33. ワンポイントに濃い青を入れて印象を作る

参考：株式会社コマースOneホールディングスのIR・決算

34. 白色と水色のコントラストがキレイ

参考：ここが凄いBiz cotoco！温かみのあるデジタルギフト

35. 上下に濃い青を入れることでバランスを整える

参考：【導入事例】操作ミスやサボりがなくせる業務可視化ツールEye”247″

36. 色数は多いものの重要な紺を広く使い印象を統一

参考：業務可視化・分析サービス【Eye”247” Work Smart Cloud】早わかりガイド

37. 彩度の高い藍色の中に黄色でキレイな印象を

参考：外壁塗装の元請け集客成功ノウハウ

38. 色がキレイな青緑を広く使い見栄えがいい

参考：オープンコミュニケーションツール「チームポット」サービス資料

39. 深緑に発色のいい黄色でアクセント

参考：インフレ時代を生き抜く！固定費削減のアイデア

40. 藍色と白の三段階構成

参考：売れる営業がこぞって使う商談ツール「どこでもＳＨＯＷＢＹ」

41. 緑を写真の上に載せてトーンを合わせる

参考：環境可視化IoTソリューション「ワークプレイスコネクト」

42. 緑の濃淡で色相を合わせたパターン

参考：【営業責任者必見】少ないリソースで売上を一気に上げる成約重視の営業戦略

43. ベージュの色相から外れない緑でバランスよく

参考：【調査レポート】関節症患者と病院のミスマッチを防ぐポイントと再生医療の認知について

44. 白の中にポイントで青緑を入れる

参考：簡易調査ツールFreeasy（フリージー）

45. 白の中に青竹色（あおたけいろ）

参考：美容カウンセリングのAI化でスキル補填できるフェイススキャン診断®

46. 二隅にポイントで緑

参考：「事業再構築補助金」申請サポート

47. 相性のいい紺と緑の組み合わせ

参考：WEBライティング制作サービス資料

48. 白をベースに青緑と濃い黒でバランスよく

参考：ここが凄いNitte（ニッテ）！ストレスフリーな日程調整ツール

49. 黒色で写真のトーンを合わせて白でくりぬく

参考：ECサポートpro

50. 白が映えるように黒の濃淡を作る

参考：ブランディング・マーケティングのための動画活用資料

51. グレーに合わせた紫と青のグラデーション

参考：マーケティング担当、 経営者など1,500名に聞いた「マーケティング活動に関する組織課題調査」

52. グレーに合わせた紫と橙のグラデーション

参考：コンテンツマーケティングを成功させるためのポイント

53. 黒をベースに質感を入れて高級感を演出

参考：富裕層ママターゲティング

54. グレーの中に赤紫をワンポイントで入れる

参考：株式会社リベロのIR・決算

55. バランスのいい黒色・灰色・白色

参考：法人営業向けの企業情報調査支援ツール「MeeFa Assistant（ミーファ アシスタント）」

56. 黒でトーンを合わせた鉄板パターン

参考：＜建設業・製造業向け＞クロジカ大容量ファイル管理

57. 黒の中にアクセントで橙を入れる

参考：集客できるホームページ制作とは？制作・集客・商談の流れを解説！

58. 緑・青・紫の色相を合わせたグラデーション

参考：日程調整ツール　Jicoo（ジクー）

59. 紫の濃淡で作ったグラデーション

参考：現場の実践力を重視したDX人材の教育プログラム

60. 彩度を落とした紫と青で淡いグラデーション

参考：株式会社テラスカイのIR・決算

61. 写真に紫をオーバーレイして全体の色調を合わせる

参考：株式会社プラスアルファ・コンサルティングのIR・決算

62. 紫に近しい色相を使ったグラデーション

参考：インフォコム株式会社のIR・決算

63. 薄葡萄色（うすぶどう）で淡い色合い

参考：SNSのアルゴリズムに対応したアカウント運⽤サービス

64. 発色のいい紫と水色でインパクトのあるグラデーション

参考：顧客対応・社内問合せの自動化！ChatGPT連携「SELFBOT」のご紹介

65. 主張しすぎない淡い水色・紫・ピンク

参考：音声コンテンツが最短24時間で作れるKOEPAL（コエパル）

66. 中心に紫・赤紫のグラデーションで視線を集める

参考：動画クリエイティブを作り放題のSHUTTLEROCK360

67. 橙色を大胆にベタ塗

参考：セルフ型ネットリサーチツール「サーベロイド」ご紹介資料

68. 山吹色と白とグレーのコントラスト

参考：RPAで丸投げDXの初めの一歩（定型作業の自動化）

69. 橙色で色相を合わせたバランスのいい組み合わせ

参考：株式会社ホットリンクのIR・決算

70. 橙色の濃淡で作るグラデーション

参考：Retty株式会社のIR・決算

71. 彩度の高い黄色の中にグレーを入れて色を印象を引き締める

参考：Hamee株式会社のIR・決算

72. トーンを合わせて黄土色をアクセントに

参考：【非デザイナー向け】「しない」だけで見栄えが変わる！資料作成6つの「しない」

73. 色相を整えた緑と橙

参考：クラウド在庫管理ソフト「zaico」説明資料

74. 濃い・薄い橙色で明暗を作る

参考：ここが凄いスケコン！あなたの挑戦を支える日程調整ツール

75. イメージＵＰの薄い黄色を青紫の組み合わせ

参考：株式会社カオナビのIR・決算

76. 濃い目の黄色をベースにして黒で視線を集める

参考：発注側・受注側の両方が楽になる調達管理システム「EXtelligence EDIFAS」

77. 黄・橙・赤をバランスよく配合

参考：立ち上げから年商100億まで対応可能なECシステム「W2 Repeat」

78. 相性のいい黄土色とグレー

参考：【2023年最新版】BtoBメルマガに関するユーザーの実態調査

79. 桃色をアクセントに色相を合わせてバランスを整える

参考：稼げるキャッチコピーの作り方24選

80. 暗めな赤に他の色も合わせてバランスよく

参考：株式会社ブレインパッドのIR・決算

81. 赤の濃淡グラデーションで白が映える

参考：株式会社SHIFTのIR・決算

82. 紫の色相から重なりでグラデーションを作る

参考：株式会社ラバブルマーケティンググループのIR・決算

83. 見やすい赤と白の鉄板の組み合わせ

参考：株式会社出前館のIR・決算

84. 明度の低い暗めな赤の濃淡

参考：株式会社プレイドのIR・決算

85. 桃色の濃淡をちりばめる

参考：専門家キャスティングサービス「専門家ドットコム」

86. 桃色をポイントに赤とグレーで整える

参考：3分でわかる！勤怠管理システム「タッチオンタイム」

87. 赤紫をワンポイントに入れて色を強調

参考：株式会社エフ・コードのIR・決算

88. 赤と黒の割合がうまい

参考：株式会社kubell（旧：Chatwork株式会社）のIR・決算

89. 部分的に赤を差し込んで色の印象を作る

参考：株式会社ショーケースのIR・決算

90. グレーと赤の配分を真似たい組み合わせ

参考：新卒採用強化のためのYouTubeチャンネル運用サービス

91. 彩度の低い青をベースに色相を合わせて配色

参考：株式会社いい生活のIR・決算

92. グレーを軸にワンポイントの黄色を添えて

参考：ブラックマーケティング式ランディングページ制作サービス【バズLP】

93. トーンを合わせて落ち着いた印象

参考：minne広告メニュー

94. 明度が高い薄い青と赤のグラデーションで見栄えを作る

参考：株式会社メルカリのIR・決算

95. 黒とグレーと白のバランスがいい配分

参考：アララ株式会社のIR・決算

96. ワンポイントに赤を取り入れる

参考：ここが凄いコンビーズメールプラス！華やかなメールも簡単作成

97. 全体的にグレーで印象をまとめる

参考：株式会社ワンキャリアのIR・決算

98. 黒・グレーで濃淡を作る

参考：株式会社CINCのIR・決算

99. 深緑が映えるように背景全体は白で

参考：フィードフォースグループ株式会社のIR・決算

100. 白と黒の配分が最高

参考：ビジョナル株式会社のIR・決算