澄み渡る昼の空は、清潔感・爽やかさ・開放感を表現できる人気グラデーションです。
この記事では、
をまとめてご紹介いたします。
Webデザイン・バナー・背景・資料などの参考にもおすすめです。
昼の空グラデーションの基本ルール

昼の空は朝焼けや夕焼けと違い、「光」と「青の透明感」が主役です。
昼の空は、上空ほど青が濃く、地平線に近いほど白くなります。
空には太陽光の白が必ず存在するので、白を入れることで一気にリアルな空になります。
昼空は単色ではなく、微妙に青が変化しており、彩度は高めでOK。
昼の空グラデーション配色パターン集
ここからは、昼の空グラデーションパターン集をご紹介していきます。
モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。
① 澄み切った青空グラデーション
D A Y T I M E S K Y
王道の晴天、透明度MAXの青空。
Web・資料背景・バナーなど、何にでも使える万能グラデーションです。
| カラー | カラーコード | RGB |
| ディープクリアブルー | #0E5BD8 | 14, 91, 216 |
| ピュアスカイブルー | #4FA3FF | 79, 163, 255 |
| クリアスカイ | #9ED0FF | 158, 208, 255 |
| シャイニングエア | #EAF6FF | 234, 246, 255 |
② 夏の強い日差し空
D A Y T I M E S K Y
明るく元気な、日差し強めの真夏の空。
キッズ・イベント・旅行系に向いています。
| カラー | カラーコード | RGB |
| サマーディープブルー | #1F6BFF | 31, 107, 255 |
| サンシャインスカイ | #5FB3FF | 95, 179, 255 |
| サンライトブルー | #B5E1FF | 181, 225, 255 |
| ホワイト | #FFFFFF | 255, 255, 255 |
③真昼の青空
D A Y T I M E S K Y
真昼のフラットな澄み渡る青空。
背景・夏デザイン・教育系にも使えます。
| カラー | カラーコード | RGB |
| ノーンスカイブルー | #2F8BF2 | 47, 139, 242 |
| フラットスカイ | #6BB6FF | 107, 182, 255 |
| ミドルスカイ | #A9DBFF | 169, 219, 255 |
| デイライトホワイト | #F5FAFF | 245, 250, 255 |
④入道雲が出る夏空
D A Y T I M E S K Y
もこもこ入道雲のある、夏空のグラデーション。
Web・背景・サムネイルにも。
| カラー | カラーコード | RGB |
| ディープサマーブルー | #1F6FD1 | 31, 111, 209 |
| サマースカイ | #5AAEFF | 90, 174, 255 |
| クラウドライトブルー | #BFE4FF | 191, 228, 255 |
| ホワイト | #FFFFFF | 255, 255, 255 |
⑤高原の澄んだ昼空
D A Y T I M E S K Y
空気が軽い、高原の澄んだ昼空のイメージ。
背景・キッズデザイン・旅行系に。
| カラー | カラーコード | RGB |
| ハイランドブルー | #107CFF | 16, 124, 255 |
| クリアマウンテンブルー | #68B2FF | 104, 178, 255 |
| ハイランドスカイ | #A8D6FF | 168, 214, 255 |
| ピュアエアホワイト | #F3FAFF | 243, 250, 255 |
⑥都会の真昼スカイ
D A Y T I M E S K Y
都会の少しくすんだ昼の空。
Webサイト背景・バナーなどに使いやすい落ち着いたブルーです。
| カラー | カラーコード | RGB |
| アーバンスカイブルー | #2F74C9 | 47, 116, 201 |
| シティスカイ | #5FA6E8 | 95, 166, 232 |
| シティライトブルー | #9EC9F2 | 158, 201, 242 |
| アーバンホワイト | #EEF6FF | 238, 246, 255 |
まとめ
昼の空グラデーションは、青の透明感と白の光がポイント。
何にでも使いやすい万能カラーなので、配色に迷ったら昼空グラデを使うのがおすすめです。


コメント