紫は、暗すぎると重たくなったり、明るすぎると安っぽくなる…
という両極端に振れやすい色。
この記事では、
をまとめてご紹介いたします。
紫グラデーションの基本ルール
紫グラデーションを考える場合は、以下のルールを押さえておきましょう。
紫は「統一感」が命です。
紫グラデーション配色パターン集
ここからは、紫グラデーション配色パターン集を7つご紹介していきます。
モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。
①重厚｜ダークプラム → スモーキーパープル
G R A D A T I O N
大人の落ち着きを感じさせる、黒の代替として使える紫。
高価格帯サービス・コンサル・ブランディング資料などにおすすめです。
| カラー | カラーコード | RGB |
| ダークプラム | # | 59, 10, 69 |
| スモーキーパープル | # | 109, 89, 122 |
②上品｜グレープ → ダスティラベンダー
G R A D A T I O N
紫の持つ知的な印象がしっかりと表現できるグラデーション。
女性向けビジネス・講座・セミナーなど、圧をかけたくない資料向きです。
| カラー | カラーコード | RGB |
| グレープ | #5B2D8B | 91, 45, 139 |
| ダスティラベンダー | # | 184, 174, 220 |
③洗練｜インクパープル → アッシュライラック
G R A D A T I O N
ややブルー寄りの紫とグレーは、洗練された都会的な雰囲気。
デザイン提案・UI背景・企画書などに最適です。
| カラー | カラーコード | RGB |
| インクパープル | # | 46, 16, 101 |
| アッシュライラック | # | 159, 159, 186 |
④ミニマル｜ブラックパープル → モーヴグレー
G R A D A T I O N
ブラックに近い紫は、静けさと高級感を併せ持ちます。
企画資料や高級ブランド・アート系など、写真との相性が良いデザインです。
| カラー | カラーコード | RGB |
| ブラックパープル | #1F0128 | 31, 1, 40 |
| モーヴグレー | # | 122, 108, 128 |
⑤フェミニン｜プラム → ラベンダー
G R A D A T I O N
やわらかなピンク寄りすぎないパープルは、女性的な印象。
美容系・女性向けサービスなどにおすすめです。
| カラー | カラーコード | RGB |
| プラム | #631A56 | 99, 26, 86 |
| ラベンダー | #D892D7 | 216, 146, 215 |
⑥知的｜ナイトバイオレット → パープル
G R A D A T I O N
深めなパープルは、信頼感も演出できます。
教育・研究・IT資料など、青の代替色としても使えます。
| カラー | カラーコード | RGB |
| ナイトバイオレット | #310B4A | 49, 11, 74 |
| パープル | #9254B0 | 146, 84, 176 |
⑦やさしい｜ライトラベンダー → ペールライラック
G R A D A T I O N
軽やかで安心できる、やさしいラベンダーグラデーション。
社内資料・マニュアルなど、圧を出さずに紫を使いたい人向けです。
| カラー | カラーコード | RGB |
| ライトラベンダー | #D7B2EB | 215, 178, 235 |
| ペールライラック | # | 239, 230, 247 |
紫グラデーションの黄金比
紫グラデーションの黄金比は、濃：淡＝65：35
淡色にする場合は、余白・背景専用に使うのが安全です。
紫グラデーションのNG例
赤紫と青紫はそのままだと馴染みません。
彩度の高い紫は、見にくさの原因になってしまいます。
まとめ｜紫は「質感」で選ぶ
紫は色名よりも、「くすみ」「深さ」「灰み」で選ぶと失敗しません。
コメント