おしゃれな紫のスライド・パワポデザイン15選【トーン別】

紫の使い方は「トーン」で5つに分かれる

青や赤と違って、紫は彩度を変えるだけで別の色に見えるという厄介な性質があります。鮮やかな紫はIT・エンタメ系の先進的な印象になり、同じ色相でも彩度を落とした藤色になると、途端に落ち着いた上品な資料になります。

そのため紫の資料は、「何割を紫にするか」よりも先にどのトーンの紫を選ぶかで作りが決まります。この記事では次の5パターンに整理しました。

それぞれ最初に紹介するのが、そのパターンのもっとも基本的な作り方です。2枚目以降で応用や変化球を見ていきます。

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

• 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
• 有名企業の実例が簡単に見つかる
• 会員登録でテキスト検索もできる

無料で3000枚のスライドを見る

白地×紫アクセントの紫のスライドデザイン3選

もっとも汎用性が高く、失敗しにくいのがこのパターンです。背景は白のまま、紫は「ここを見てほしい」という場所にだけ置きます。

紫は面で使うと主張が強く出る色なので、文字量の多いページでは点で使うのが基本になります。提案書やサービス紹介資料の本文ページは、まずこの型から考えてください。

LayerX

引用元：https://speakerdeck.com/layerx/company-deck

LayerXの紫のスライドです。白地のページで紫を使っているのは、大見出しの「質と速度の両立。『価値提供』の速さを最大化する爆速開発。」と、右のカード内にある3つの小見出しだけ。その下のリード文も説明文も、すべて黒のままです。

左半分にはGemini、Claude、React、AWSといった多色のロゴが並びます。ここに自社の紫を面で足していたら画面が濁ったはずですが、紫を文字だけに留めたことで、ロゴの色とぶつかっていません。

• 大見出しと小見出しだけを紫にして、本文は黒のままにしましょう
• 使う紫は1トーンに絞り、濃さの違う紫を増やさないようにしましょう
• 多色のロゴや画像を並べるページでは、自社の紫は文字だけに留めると画面が散らかりません

AI inside

引用元：https://f.irbank.net/pdf/20250627/140120250623596005.pdf

AI insideの紫のスライドです。二重円の図で、外側の「サービス」にあたる5つの角丸バッジだけが紫。内側の「機能」の丸は、すべてグレーで塗られています。

同じ図の中に紫とグレーが同居していますが、色数が増えた感じはしません。主役はサービス、脇役は機能という関係が、そのまま紫とグレーに割り当てられているからです。円の輪郭線も薄い紫で引かれていて、図全体が紫系でまとまっています。

• 同じ図の中で見せたい要素だけを紫にして、それ以外はグレーに落としましょう
• 紫のバッジは彩度を落としたトーンにすると、白地に並べても目が疲れません
• 円の輪郭線や補助線も薄い紫にしておくと、図全体が同じ色系でまとまります

ココナラ

引用元：https://ssl4.eir-parts.net/doc/4176/tdnet/2654223/00.pdf

ココナラの紫のスライドです。ここまでの2枚が「点」で紫を使っていたのに対し、こちらはカードの地を淡い藤色で塗るという面の使い方をしています。

9つのサービスを3グループに分けるという情報量の多いページですが、グループ見出しの帯は濃紺、カードの地は淡い藤色、と役割ごとに色が固定されています。藤色が十分に薄いので、カードの中に白いスクリーンショットと黒い説明文をそのまま載せられています。

• カードの地を淡い藤色に塗ると、白背景の中でもグループの範囲が伝わります
• 見出し帯は濃紺、カードの地は淡い紫、と決めておくと項目が増えても崩れません
• 面に紫を使うときは、載せる文字が黒のまま読める明るさまで薄くしましょう

鮮やかな紫のベタ塗りを使った紫のスライドデザイン3選

紫がいちばん強く出るのが、彩度の高い紫を面で敷くパターンです。表紙や中表紙でページの空気を一度切り替えたいときに向いています。

ただし鮮やかな紫は、載せられる情報量がかなり限られます。本文ページでこれをやると読めなくなるので、要素を絞りきれるページ専用と考えてください。

ストリームメディアコーポレーション

引用元：https://f.irbank.net/pdf/20250331/140120250328503661.pdf

ストリームメディアコーポレーションの紫のスライドです。画面全面が鮮やかな紫で、載っているのは左上の白いロゴ、左下の「会社概要」と短い白線、それだけ。

右側にはロゴの三角形を巨大化させたモチーフが2つ重なっていますが、これが塗りではなく白い細線で描かれているのがポイントです。塗ってしまうと紫の面が分断されますが、線画なら背景の紫を残したまま画面に動きを足せます。

• 中表紙は紫のベタ1色にして、載せる要素は見出しとロゴだけに絞りましょう
• 背景に図形を置くときは、塗らずに白い線画にすると見出しの邪魔になりません
• 見出しの下に短い白線を1本引くだけで、文字の置き場所が決まります

シイエヌエス

引用元：https://ssl4.eir-parts.net/doc/4076/tdnet/2547107/00.pdf

シイエヌエスの紫のスライドです。青寄りの紫のベタ背景に、白い「01」「Company Profile」「会社概要」が上から縦に3段並んでいるだけ。ロゴも罫線もページ番号の装飾もありません。

前のストリームメディアコーポレーションが線画で動きを足していたのに対し、こちらは何も足さない方向に振り切っています。章番号・英語・日本語の3段だけで中表紙が成立することがよくわかります。

• 章番号・英語・日本語を上から縦に3段重ねるだけで、中表紙は成立します
• 紫をベタで敷くページは、要素を減らすほど色そのものが印象に残ります
• 同じ紫を本文ページの見出しにも使っておくと、章が変わっても資料が地続きに見えます

アイザック

引用元：https://speakerdeck.com/aisaac/companydeck

アイザックの紫のスライドです。ここまでの2枚は全面ベタでしたが、こちらは左半分だけを紫で塗り、右は白地のまま残すという作り方をしています。

紫の面には会社概要の項目が並びますが、ラベル（設立日・代表取締役・資本金）は薄い紫、値は白と、濃さを変えて役割を分けています。面の右端が大きく角丸になっているのも、ベタ塗りの硬さを抜く工夫です。おかげで白地側に写真を1枚置く余裕が生まれています。

• 紫のベタは全面でなく左半分だけにすると、写真や図を置く余白が残ります
• 紫の面に項目を並べるときは、ラベルを薄い紫、値を白にして濃さで区別しましょう
• 面の端を大きく角丸にすると、ベタ塗りの硬さがやわらぎます

紫のグラデーションを使ったスライドデザイン3選

紫はグラデーションと相性のいい色です。青にもピンクにも赤にも隣接しているので、どちらへ伸ばしても濁りません。

表紙やカルチャーデックで先進性やブランド感を出したいときの定番ですが、グラデをどこに適用するかで難易度が大きく変わります。

PIVOT

引用元：https://speakerdeck.com/pivot_inc/pivot-culture-deck

PIVOTの紫のスライドです。背景は白のまま、ロゴの「p」の形だけを巨大化させて、そこにマゼンタ寄りの紫から青へのグラデをかけています。

グラデを背景ではなく図形の中だけに閉じ込めているので、右側の「CULTURE DECK」は黒のまま置けています。図形が画面の左端から上下にはみ出すほど大きいため、色数は実質2色なのに表紙として十分な強さがあります。

• 背景は白のままにして、ロゴやシンボルの中だけをグラデにしましょう
• グラデは紫から青のように隣り合う色でつなぐと、中間が濁りません
• 図形を画面外まではみ出させると、色数が少なくても表紙が持ちます

UPSIDER

引用元：https://speakerdeck.com/upsider_official/upsider-culture

UPSIDERの紫のスライドです。黒に近い背景の四隅から、淡い紫と淡い茶がにじむように差し込んでいます。同じグラデでも、前のPIVOTとは正反対のアプローチです。

実績の数字が6つ並ぶ情報量の多いページですが、文字には紫を一切使っていません。数字は白、説明文はグレーだけ。紫は背景のにじみに徹しています。カードが半透明なので、背景のグラデがカード越しに透けて全体がつながって見えます。

• 暗い背景に紫を使うときは、ベタで塗らずに四隅からぼかして差しましょう
• 背景を紫にした分、数字と見出しは白だけに絞ると読みやすさが落ちません
• カードを半透明にすると、背景のグラデが透けてページ全体がつながります

M&Aクラウド

引用元：https://speakerdeck.com/macloud/cai-yong-pitutibutuku

M&Aクラウドの紫のスライドです。ここまでの2枚が装飾としてのグラデだったのに対し、こちらはグラデをデータそのものに使っています。社員数推移の面グラフが、左の青紫から中央の紫、右の赤へと横方向に変化します。

見出しの「事業規模、組織規模共に急成長中」も、頭は紺で「急成長中」だけ赤。グラフの色の流れと見出しの色の流れが同じ向きに揃っているので、図と言葉が別々のものに見えません。やられた、と思わされる1枚です。

• 時間の流れを見せるグラフは、塗りを左から右へグラデにすると変化が一目で伝わります
• 見出しの文字色をグラフのグラデと同じ向きで変えると、図と言葉がつながります
• グラデの終点に赤など強い色を置くと、どこを見てほしいかが決まります

くすみ紫・ラベンダーを使った紫のスライドデザイン3選

紫の彩度を落とすと、藤色やラベンダーと呼ばれるトーンになります。鮮やかな紫の「強さ」が消えて、上品さとやわらかさが残るゾーンです。

ミッションやカルチャーなど、読ませたい文章が長めのページで力を発揮します。紫のパターン集では見落とされがちですが、文章量とデザイン性を両立できる唯一のトーンと言ってもいいくらいです。

YOLO

引用元：https://speakerdeck.com/yoloinc/zhu-shi-hui-she-yolo-cizi-liao-650d5fdf-2865-4a36-bd46-2a95d0e37f0d

YOLOの紫のスライドです。背景は彩度を落とした藤色のベタ。前の章で見た鮮やかな紫のベタ塗りと構造は同じですが、トーンが違うだけでこれだけ載せられる文字量が変わります。

Purpose／Mission／Visionの3ブロックが等間隔で縦に並び、それぞれ白い平行四辺形のラベル、白の英文、白の日本語という同じ構造の繰り返し。背景に紙のようなざらつきが薄く入っていて、ベタ塗り特有の平坦さが消えています。

• 紫をベタで敷くなら彩度を落とすと、白文字を長めに載せても読み疲れません
• ラベルは白地に紺文字で抜くと、背景の紫から浮いて役割がはっきりします
• 同じ形のブロックを等間隔で3つ並べるだけで、色の主張が強いページでも整理されます

Space BD

引用元：https://speakerdeck.com/spacebd/space-bd-culture-book-dao

Space BDの紫のスライドです。背景は左右の端がピンク寄りの紫で、中央にいくほど白く抜けるグラデ。文字を置きたい場所が白く空いているので、和文をたっぷり載せても読めます。

文字色がすべて濃紺で統一されているのも見どころです。くすんだピンク紫に黒を合わせると重くなりますが、濃紺ならやわらかさを残したまま締まります。縦組みと横組みが混在する複雑なレイアウトでも散らからないのは、色で迷わせていないからです。

• 背景のグラデは中央を白く抜くと、文字を置く場所が自然に生まれます
• くすんだピンク紫には黒ではなく濃紺を合わせると、やわらかさを残したまま締まります
• 縦組みを混ぜるときは、文字色を1色に統一して色で迷わせないようにしましょう

MediaAid

引用元：https://speakerdeck.com/mediaaid2021/mediaaid-company-deck-20250305

MediaAidの紫のスライドです。ここまでの2枚が背景に紫を敷いていたのに対し、こちらは背景をごく薄いグレーに留め、ピラミッドの図だけをラベンダーで塗っています。

PURPOSE・MISSION・VISIONの3段が、上から順に濃いラベンダー、中くらい、いちばん薄いと変化します。段のラベル文字だけは濃い青紫にして、面の紫と役割を分けているのも丁寧です。VISIONの説明文が10行近くありますが、面の紫が十分に淡いので黒文字がそのまま読めます。

• 階層の図は、上から下へラベンダーを濃→薄と並べるだけで順序が伝わります
• 淡い紫の面には黒文字をそのまま載せられるので、説明が長いページでも使えます
• ラベルの文字だけを濃い青紫にして、面の紫と役割を分けましょう

紫の濃淡で主役を決めた紫のスライドデザイン3選

グラフや表で紫を使うときの基本は、全部を紫にしないことです。見せたい区分だけを紫にして、残りはグレーに逃がす。これだけで数字の主役が1つに決まります。

紫は濃淡の幅が広く取れる色なので、3段階くらいまでなら段ごとに意味を持たせられます。市場規模やKPIのページで使ってください。

ROXX

引用元：https://speakerdeck.com/roxxrecurit/we-are-hiring

ROXXの紫のスライドです。ドーナツグラフが3つ並びますが、紫で塗られているのは「年収400万円以下」「非大卒」「非正規雇用」という、この資料が問題にしたい区分だけ。残りはすべてグレーです。

左のグラフは年収帯が6つに分かれていますが、400万円以下の3区分に濃い紫・中間の紫・薄い紫を割り当て、それ以上の3区分はグレーの濃淡。紫かグレーかで意味が分かれ、その中の濃淡で順序が分かるという二段構えです。中央に結論の一文が置いてあるので、数字を読まなくても主張が伝わります。

• 伝えたい区分だけを紫、それ以外はグレーにすると、円グラフでも主張が1つに定まります
• 紫は濃い・中間・薄いの3段までにして、段ごとに意味を持たせましょう
• ドーナツの中央に結論の一文を置くと、数字を読まなくても言いたいことが伝わります

HIGH LINK

引用元：https://speakerdeck.com/highlink_hr/zhu-shi-hui-she-high-link-hui-she-shao-jie-zi-liao

HIGH LINKの紫のスライドです。香り市場を3重の入れ子円で見せていて、いちばん外側の大きな円が薄い紫、中間が中くらい、いちばん内側の小さな円が濃い紫になっています。

円が重なる部分で色が沈むので、大小関係が面積だけでなく色でも伝わります。各円に置かれたカテゴリのタグは、白地に紫の細枠。ベタで塗らずに枠だけにしてあるので、下の紫と重なっても文字が読めます。背景が真っ白ではなく生成りなのも、薄い紫の外円がぼやけない理由です。

• 入れ子の円は、外側を薄く内側を濃くすると大小関係が色でも伝わります
• 円の上に置くタグは白地＋紫の細枠にすると、下の紫と重なっても読めます
• 背景を真っ白でなく生成りにすると、淡い紫の面がぼやけずに残ります

TalentX

引用元：https://f.irbank.net/pdf/20250630/140120250630504752.pdf

TalentXの紫のスライドです。前の2枚がグラフだったのに対し、こちらは数字が並ぶだけの表で同じことをやっています。

前期のヘッダはグレー、当期のヘッダだけ淡い青紫。さらに当期の3列が紫の破線で囲われ、その中の「20%」だけが紫の文字になっています。右側の要約文にある102%・126%・35%・55%も同じ紫。表の中の紫と、要約文の紫が同じ色なので、どの数字の話をしているのか迷いません。

• 表は見せたい列のヘッダだけ淡い紫で塗り、他の列は白かグレーのままにしましょう
• 注目させたい範囲は紫の破線で囲うと、罫線を太くせずに視線を誘導できます
• 表の中の紫と、要約文の紫を同じ色にすると、どの数字の話か迷いません

紫のスライドでやりがちなNG例

ここまでの15枚を逆から見ると、紫がうまくいかないパターンも見えてきます。手を動かす前に一度確認してください。

鮮やかな紫を敷いたまま本文を載せる

いちばん多い失敗です。彩度の高い紫は背景として主張が強すぎるので、白文字を載せても長い文章は読めません。鮮やかな紫のベタは表紙・中表紙までと決めて、本文ページは白地に戻してください。どうしても紫の面で文章を読ませたいなら、YOLOのように彩度を落とします。

紫の種類を増やす

紫は青紫・赤紫・藤色と幅が広いぶん、1枚のスライドに複数のトーンを混ぜると急に濁って見えます。1つの資料で使う紫は2〜3トーンまで。しかもその複数トーンは、ROXXの濃淡のように「意味の違い」を持たせたときだけ使ってください。なんとなく変えるのが一番よくありません。

中途半端な濃さの紫に文字を載せる

濃い紫には白文字、淡い紫には黒文字か濃紺。この2つはどちらも読めますが、その中間の濃さが一番読みにくくなります。紫の面に文字を載せると決めたら、白で抜くのか黒で読ませるのかを先に決めて、そこから面の濃さを調整してください。

グラデを遠い色につなぐ

紫から緑やオレンジへグラデをかけると、中間に濁った灰色が出ます。PIVOTの紫→青、M&Aクラウドの紫→赤のように、色相環で隣り合う色へ伸ばすのが基本です。

グラフを全部紫にする

ブランドカラーが紫だからといって、グラフの棒も円も全部紫にすると、どこを見てほしいのかが消えます。主役だけを紫にして、脇役はグレーに逃がしましょう。紫の資料でいちばん働くのは、実はグレーです。

まとめ

今回は「紫」の高品質なスライドを15つ紹介しました。

紫は「使うかどうか」ではなく「どのトーンをどの役割で使うか」で決まる色です。まずは自分が作るページが表紙なのか本文なのかを決めて、そこから今回の5パターンのどれに当てはめるかを選んでみてください。

スラデザではこの記事で紹介しきれなかった紫のスライドも多数掲載しています。紫のスライドデザイン一覧からご覧ください。

＼ もっと見たい方はこちら ／

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

• 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
• 有名企業の実例が簡単に見つかる
• 会員登録でテキスト検索もできる

無料で3000枚のスライドを見る