当サイトがデザイン・テンプレートを初公開した2014年以来、ずっと使い続けているテーマカラーです。メインカラーは寒色のブルー、アクセントカラーはやや朱に近い赤となっており、ビジネスシーンで無理なく扱いやすい配色となっています。プレゼン資料のデザインに手をつけたばかりの方には、まず試してほしいテーマカラーです。10年近い運用期間は伊達ではありません。各色の役割・使い分けについては、以下の表を見てください。
|
ベースカラー R:255, G:255, B:255 #FFFFFF |
資料の背景に使用する色。他の色との組み合わせやすさ、印刷の都合を考慮し「白」を設定(なお場合によっては、メインカラーやサブカラーと入れ替えることも)。 |
|
テキストカラー R:55, G:55, B:55 #333333 |
テキストや枠線などに使用する色。上記ベースカラーの上に100%の黒を配置した場合、ディスプレイ上でコントラストがきつくなりすぎる場合があるため「濃いグレー」を設定。 |
|
メインカラー R:0, G:113, B:188 #0071BC |
見出しや強調したいメッセージなど資料の要所に使う色。またアクセントカラーとの対比では、ポジティブな要素に対して適用する。 |
|
アクセントカラー R:255, G:80, B:80 #FF5050 |
情報の受け取り手に特に注目させたい内容や、注意書きなどネガティブなニュアンスが含まれる箇所に使用する色。少ない面積でもしっかりと主張できる色を設定。 |
|
サブカラー1 R:231, G:231, B:234 #E7E7EA |
わずかなニュアンスの違いを表すときに使用。上記テキストカラーを薄く・淡く調整して作成。 |
|
サブカラー2 R:226, G:241, B:250 #E2F1FA |
サブカラーその2。上記メインカラーを薄く・淡く調整して作成。 |
テーマカラー使用例
なお、上記グラフに使用されている色で、テーマカラー以外のものは、当サイトが運営するグラフ配色サポートツールの「COLORS」から、カラーコードを入手できます。以下のURLよりお進みください。
テーマカラーのグリーン版です。こちらも前述の「Blue」同様、メインカラーに寒色・アクセントカラーに暖色を割り当てた、標準的なテーマカラーです。コーポレートカラーにグリーン系の色が採用されている会社であれば、比較的すんなりと受け入れてもらえるのではないでしょうか。
|
ベースカラー |
R:255, G:255, B:255 #FFFFFF |
|
テキストカラー |
R:55, G:55, B:55 #333333 |
|
メインカラー |
R:0, G:126, B:102 #007E66 |
|
アクセントカラー |
R:242, G:90, B:134 #F25A86 |
|
サブカラー1 |
R:231, G:234, B:231 #E7EAE7 |
|
サブカラー2 |
R:231, G:249, B:245 #E7F9F5 |
テーマカラー使用例
テーマカラーのブラウン版です。メインカラーに「ブラウン(こげ茶)」、アクセントカラーには「えんじがかった赤色」を割り当てており、これまでとは少し毛色の異なるテーマカラーといえるかもしれません。とはいえ、全体的に落ち着いた色使いとなっているため、使いこなすのは決して難しくないでしょう。
|
ベースカラー |
R:255, G:255, B:255 #FFFFFF |
|
テキストカラー |
R:55, G:55, B:55 #333333 |
|
メインカラー |
R:110, G:90, B:64 #6E5A40 |
|
アクセントカラー |
R:229, G:55, B:96 #E53760 |
|
サブカラー1 |
R:234, G:231, B:231 #EAE7E5 |
|
サブカラー2 |
R:244, G:237, B:229 #F4EDE5 |
テーマカラー使用例
テーマカラーのダークブルー版です。メインカラーには「濃紺」が設定されており、少しカチッとした、スタイリッシュなプレゼン資料を作りたいときに、試して欲しいテーマカラーです。ただし、テキストカラーとメインカラーの色が近く、タイトルや見出し、図解などをしっかりと目立たせたいときには、少しケアが必要になるかもしれません。やや上級者向けのテーマカラーです。
|
ベースカラー |
R:255, G:255, B:255 #FFFFFF |
|
テキストカラー |
R:55, G:55, B:55 #333333 |
|
メインカラー |
R:7, G:51, B:101 #073365 |
|
アクセントカラー |
R:247, G:88, B:29 #F7581D |
|
サブカラー |
R:237, G:232, B:228 #EDE8E4 |
テーマカラー利用例
最後に少し変わり種を。こちらはテーマカラーのアイスグレー版です。これまで紹介したテーマカラーは、すべてアクセントカラーに赤系の色を割り当てていましたが、こちらでは「青緑」を採用しています。見た目の面白さがある一方で、ややクセは強めです。普通のテーマカラーでは物足りなくなったとき、ぜひ試してみてください。
|
ベースカラー |
R:255, G:255, B:255 #FFFFFF |
|
テキストカラー |
R:55, G:55, B:55 #333333 |
|
メインカラー |
R:79, G:79, B:112 #4F4F70 |
|
アクセントカラー |
R:25, G:153, B:159 #19999F |
|
サブカラー1 |
R:244, G:244, B:244 #F4F4F4 |
|
サブカラー2 |
R:234, G:238, B:249 #EAEEF9 |
テーマカラー使用例