夜空の色は、静かで落ち着く、ちょっとロマンチックな気分になれます。
この記事では、
をまとめてご紹介いたします。
背景・イラスト・SNS画像・装飾の参考にもおすすめです。
夜空グラデーションのシンプルな考え方

夜空グラデーションを作るときは、難しい配色理論は不要。
濃い青 → 紫 → 黒に近づける
この流れをなめらかにつなぐだけで、夜空らしさは完成します。
夜空グラデーション配色パターン集
ここからは、夜空グラデーション配色パターン集を5つご紹介していきます。
モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。
①王道ナイトスカイ
N I G H T S K Y
王道の、静かな夜の空のグラデーション。
背景・Webトップ・スライド表紙などにおすすめです。
| カラー | カラーコード | RGB |
| ディープネイビー | # | 2, 6, 23 |
| ミッドナイトブルー | # | 30, 41, 59 |
| ナイトブルー | # | 30, 58, 138 |
②星がにじむ夜空
N I G H T S K Y
静寂を感じる、少し幻想的な夜空グラデーション。
イラスト・ファンタジー・読み物背景などに使いやすいデザインです。
| カラー | カラーコード | RGB |
| ナイトパープル | # | 46, 16, 101 |
| ソフトインディゴ | # | 49, 46, 129 |
| ダスクブルー | # | 51, 65, 85 |
③夏の夜空
N I G H T S K Y
少し明るめの澄んだ夏の夜空のグラデーション。
夏向けビジュアル・イベント・SNS背景になどに。
| カラー | カラーコード | RGB |
| ナイトネイビー | # | 2, 6, 23 |
| ディープブルー | # | 30, 64, 175 |
| イブニングブルー | # | 37, 99, 235 |
④紫寄りの夜空
N I G H T S K Y
ロマンチックな印象の紫がかった夜空のグラデーション。
物語系・ブランディング・アート系との相性が良いです。
| カラー | カラーコード | RGB |
| ナイトバイオレット | # | 46, 16, 101 |
| ディープパープル | # | 88, 28, 135 |
| インディゴ | # | 55, 48, 163 |
⑤月明かりの夜
N I G H T S K Y
月明かりのある、落ち着いた印象の夜空グラデーション。
シンプルデザイン・UI背景・文字中心レイアウトに最適です。
| カラー | カラーコード | RGB |
| スペースブラック | # | 2, 6, 23 |
| ナイトブルー | # | 30, 41, 59 |
| ムーンブルー | # | 71, 85, 105 |
夜空グラデーションで気にしなくていいこと
夜空グラデーションを作るときは、難しいことは気にしなくてOK。
暗くて、静かで、深い、それだけ意識すれば十分夜の空になります。
まとめ
夜空グラデーションは、色を足すより引くほど美しくなる配色です。
明るい色を使わず、青と紫を中心にして、黒に近い色で締める。
これだけで、誰でも夜空らしいグラデーションが作れます。


コメント