やわらかい光がにじんだような、不思議と心が落ち着く“メッシュグラデーション”の世界。
今回は、やさしいトーンと透明感を大切にした12のグラデーション配色をピックアップ。
実際のデザインで使えるよう、各パレットには5色のHEXカラーコードも付けて紹介しています。
気になる色は、ぜひ活用してみませんか。
💭 こんな人におすすめ
☑️SNS投稿やバナーをふんわり幻想的に仕上げたい
☑️瞑想アプリやコスメ、ウェルネス系などでやさしい世界観をつくりたい
☑️ピンクやパープルをベースにした“エモい”配色が好き
💡 メッシュグラデーションって、なにが魅力？
まるで光が空気にとけたような、ふんわりとにじむ色のグラデーション。
それが「メッシュグラデーション」と呼ばれるデザイン手法です。
単なるグラデーションとは異なり、複数の色がゆらぎながら混ざり合うことで、やさしく幻想的なビジュアルを生み出します。
Illustratorの「メッシュツール」やPhotoshopのぼかし効果で自作もでき、CSSツールを使えば動きのあるグラデーションも作成可能。
最近では、UIやブランドのキービジュアル、音楽系アートにも多く使われており、「ふわっとした世界観」を表現したいときにぴったりのスタイルです。
🌫️ にじむ色が美しい、グラデーション配色12パターン
メッシュグラデーションの世界観をぎゅっと詰め込んだ12の配色パレットを、HEX付きでご紹介します。
すべて商用OKなので、デザインにそのまま使えます。
01. California Sunset
夕焼けの空みたいに、オレンジとパープルがやさしくにじむ配色。
#FFD1A4 | #F6B3D4 | #A287F4
02. Banana Mania
光をまとったバナナの果肉のような、やわらかく甘いイエロー系の配色。
#FFF2C3 | #FBE6A2 | #F9DC94
03. Prelude
夜明け前の空気のように、静かでやさしいブルーとパープルの配色。
#D3DAF8 | #D8C4E6 | #C0E3F3
04. Cherokee Yellow
土の温もりを感じる、くすんだイエローとオレンジのやわらかい配色。
#F6E7A1 | #EEC385 | #D9A87E
05. Harvest Gold
深まる季節を感じる、まろやかで落ち着いたゴールド系の配色。
#F7D88C | #E9B86C | #D89A5E
06. Almond Nostalgic
やわらかな日差しを浴びたアーモンドのような、上品でノスタルジックな配色。
#F0DFCC | #E8C6AC | #D9B79A
07. Milkyway Pops
ミルクとキャンディがとけ合ったような、ポップでやさしいドリーミー配色。
#FBE9F2 | #E4D6F4 | #C5E7F6
08. Protège
やわらかなラベンダーとベージュが混ざり合う、やさしく包み込むような配色。
#E7DDF0 | #F2E4D8 | #D6C7DD
09. Vintage Flax
リネンのような風合いを感じる、くすみベージュと淡いグリーンの落ち着いた配色。
#EDE4D0 | #D4C9AD | #C1D0C2
10. Snowy Mint
夜明け前、ほんのりラベンダーがかった空を思わせるやさしい配色。透明感を残しつつ、ほのかな甘さも感じられるバランス感が魅力です。
#EAFBF4 | #D3F1E7 | #C8E8DB
11. Buttercup Wave
陽だまりのようなバターイエローとピンクが揺れる、明るくてやさしい配色。
#FFF1C5 | #FBD6CB | #F8E2A8
12. Medium Goldenrod
やや深みのあるゴールドが印象的な、あたたかく落ち着いたナチュラル配色。
#F5E6A0 | #E9CB7D | #D6AF5B
エモい配色、集めてます🌴
全部かわいい、チルな空グラデーション配色12選🌅【5色パレット】
パステルカラーやゆめかわ配色とも相性のいい“空色グラデーション”を、5色セット×12種類でご紹介します。
ぜんぶ“ピンク入り”。エモくて今っぽいシティポップ配色15選
すべてのカラーパレットに「ピンクを含める」ことをルールに、シティポップな世界観を表現した15の配色をつくりました。
各パレットは5色構成。HEXカラーコード付きで、
Webデザインやイラスト、バナー制作などにそのまま使えます。
レトロでおしゃれ！80年代風シティポップ配色15選【無料DL可】
シティポップを思わせる80年代風の色使いが、最近SNSやグラフィックの現場でよく見かけるようになってきました。
この記事では、そんな雰囲気を再現できる5色構成のカラーパレットを15種類まとめました。
どれも、カリフォルニアの夏を感じさせる抜け感と洗練をまとった色です。
今回は、そんな“夏の黄色”をテーマに15のカラーパレットをセレクト。
この配色パレットは、涼しげな海のブルー、ひんやり甘いスイーツ、どこか懐かしいレトロカラーなど、夏の情緒を分類して集めた、9種類のテーマ配色です。
パステル、くすみ、レトロ、フルーツ系など、さまざまな配色がすぐに使えるようHEXコード付きで表記しています。
配色に迷ったら見ておきたい関連記事まとめ
PhotoshopVIPではこのほかにも、シーン別・テーマ別のカラーパレット記事を公開中。
「もっと配色のアイデアがほしい」「別のテイストも見てみたい」という方は、ぜひこちらもチェックしてみてください。
配色えらびが苦手なひとに役立つ無料ツールをまとめた記事。
2016年の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。
配色の参考にしたい101種類の色の組み合わせをまとめています。
今回は、「自然（英; Nature）」、「フード（英: Food & Drink）」、「旅行（英: Travel）」、「ライフスタイル（英: everyday）」4つにカテゴリー分けされた写真を参考に、配色決めでつかえる100種類のカラーパレット組み合わせをご紹介します。
ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットをまとめています。
アドビだからストック素材サービスも ここまでクリエイティブ。
Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。
検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。
たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。
最初のひと月は素材が10点まで無料なので、気軽に始めてみませんか。
