雨空グラデーション配色パターン集|しっとりエモい空色の組み合わせ

この記事は約4分で読めます。

雨空のグラデーションは、静けさ・透明感・エモさを表現できる人気の空配色です。

青空より落ち着きがあり、曇り空よりもドラマチック。

この記事では、

  • 雨空グラデーション配色
  • そのまま使える配色パターン
  • 具体的なカラーコード

をまとめてご紹介いたします。

Webデザイン・背景・資料などの参考にもおすすめです。

雨空グラデーションの基本ルール

雨空は「くすみ青+グレー+白」このバランスがすべてです。

  • 青は必ずくすませる
  • グレーをしっかり入れる
  • 下に向かって明るく
  • 白を入れて透明感を出す

雨空は、少しグレーが混ざったグレイッシュブルーが基本。

雨=雲なので、グレーが少ないと曇り空にも雨空にも見えません。

雨空は上が重く、暗いだけではなく下の方はふわっとした光を含ませるのがコツです。

\\ すぐに使えるテンプレートで時間短縮 //

雨空グラデーション配色パターン集

ここからは、雨空グラデーション配色パターン集を6つご紹介していきます。

モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。

\\ 知識ゼロでもすぐに始められるAI画像生成 //

① 王道リアル雨空

リアルで実写寄りな、王道の雨空グラデーション。

実写系・背景に◎。

カラーカラーコードRGB
レインミストグレー#97A6B8151, 166, 184
レインクラウドホワイト#D8E0EA216, 224, 234

② しとしと静かな雨

しとしと降る、やさしい雨空グラデーション。

美容系・女性向けにも使いやすいデザインです。

カラーカラーコードRGB
ペールレイングレー#B3C0CF179, 192, 207
ライトレインホワイト#EEF3F8238, 243, 248

③ 雨上がり直前の空

少し明るめの、。希望感ある雨上がり直前の空。

Web背景・スライド背景・梅雨デザインなどにおすすめです。

カラーカラーコードRGB
クラウディブルー#93AABC147, 170, 188
スモークグレー#CBD0D1203, 208, 209

④ エモい雨空

緑寄りのブルーを使った、アニメちっくな雨空グラデーション。

バナー・ポエム系世界観・動画サムネなどに。

カラーカラーコードRGB
ライトティール#65B2BE101, 178, 190
ミストグリーン#C6E0CE198, 224, 206

⑤ 豪雨の空

闇深い、ダークな印象の豪雨の空。

背景・Web背景・梅雨デザインにも向いています。

カラーカラーコードRGB
レイニーブルー#688EB0104, 142, 176
ブルーグレー#ABBFD2171, 191, 210

⑥どんより 暗い雨空

どんよりとしたくらい雨空のグラデーション。

スタイリッシュな雰囲気も併せ持つので、IT・資料背景にも使えます。

カラーカラーコードRGB
ダスティパープル#AFAFC3175, 175, 195

雨空をおしゃれにするコツ

アクセントに、くすみピンク・ネイビー・シルバーを少し入れると一気にプロ感がアップ。

逆に、原色赤・黄を入れると世界観が崩れてしまいます。

まとめ

雨空グラデーションは、静けさ・エモさ・透明感を出せる大人向け万能配色。

ポイントは、くすんだ青・グレーを使う、上を暗く、下は白で透明感。

これで一気に、「雰囲気ある雨空」になります。

コメント