無料でムードボードを作る方法（カラーパレット付き）

ムードボードを作るには、雰囲気に合う画像を4〜9枚集め、無料のコラージュ作成ツールでグリッド状に並べ、共有できる画像を1枚ダウンロードします。次に、その画像を無料の画像からの色取りツールに入れると、主な色をHEXコードで取り出せます。約10分で、ボードと、それに合うパレットが完成します。無料で、何もアップロードしません。

ムードボードとは、方向性を言葉ではなく、一枚の写真のページで示すものです。ブランド、部屋、結婚式、服装、誕生日パーティー、デザインのプロジェクトなどに使えます。デザイナー、インテリアコーディネーター、仕立て屋、友人と、すぐに同じイメージを共有できる最も速い方法です。

手順1：目的を持って画像を集める

それぞれが雰囲気を表している画像を選びましょう。好きな写真を並べるだけではいけません。よいボードには、通常さまざまな種類の画像が含まれます。

• 象徴的な画像を1〜2枚： 全体の雰囲気を一目で伝える画像です。
• 質感や素材： 麻、真鍮、テラゾー、手織り、木目など。
• 色の見せ場： 夕焼け、花、欲しい色を使った壁など。
• ディテール： 店の看板のフォント、照明器具、テーブルの飾り付け、布の縁飾りなど。

自分で撮った写真、スクリーンショット、使用の許可を得ている画像を使いましょう。自分の計画用のボードであれば、どこからでも画像を借りてかまいませんが、公開する場合は、共有する権利のある画像だけを使ってください。

少なければ少ないほどよいです。同じベージュのリビングの写真を9枚並べるより、厳選した5枚のほうが多くを語ります。

手順2：レイアウトを選ぶ

無料のコラージュ作成ツールを開き、写真を選ぶ をクリックして画像を選びます（最大9枚）。次に レイアウト を選びます。

枚数	レイアウト	向いている用途
4	大1つと小3つ	主役の画像と、補足のディテール
4	2 × 2 グリッド	4つの同じ重みのアイデアを左右に並べる
5	5枚のモザイク	上に大きい画像2枚、下に詳細の3枚
6	3 × 2 グリッド	バランスのよい、雑誌風のボード
9	3 × 3 グリッド	質感やディテールが多い場合

7枚か8枚の場合は、ツールは3 × 3 グリッドを使い、余ったマスは空白になります。そのため、画像を追加するか減らして、マスを埋めてください。iPhoneのHEIC写真は受け付けないので、先にJPGに変換してください。

リストの最初の写真は最初のマスに入ります。大1つと小3つ では、それが大きいほうのマスです。写真（順番） の下の ↑ と ↓ で、主役の画像を一番上に移動できます。

手順3：見た目を設定する

• 形： 横長 16:9 はプレゼンテーションのスライドに合い、正方形 または 縦長 4:5 はインスタグラム、Pinterestのような共有や、スマートフォンの画面に合います。ストーリー 9:16 はステータスやストーリーズに向いています。
• 間隔： 16〜40pxの隙間で、それぞれの画像がはっきり分かれます。0px にすると、継ぎ目のない密なボードになります。
• 角の丸み： 少し丸くする（16〜40px）と、やわらかく、雑誌のような印象になります。
• 背景： 隙間の色です。白や生成りは中立的です。パレットができたら、そのHEXコード（例：#F4EDE4）を入力することもできます。

どの画像も、引き伸ばされることなくマスを埋め、形が違う場合は端が切り取られます。プレビューで、各画像の大事な部分が見えているか確認しましょう。切れてしまった場合は、先に無料の画像切り抜きツールで切り抜いてください。

保存形式 で JPG を選び、コラージュを作成 をクリックして、コラージュをダウンロード を押します。

手順4：ボードからパレットを取り出す

ここが、見た目のよいコラージュを、役立つものに変える手順です。

1. 無料の画像からの色取りツールを開き、ムードボードの画像を選びます。
2. パレットの色数 のスライダーを動かします。5〜6色がよい出発点です。ツールは各色のHEXコードと、画像の中でどれだけの割合を占めているかを表示します。
3. 大事にしたい小さなアクセントカラー（マリーゴールドの一瞬の輝き、真鍮のディテールなど）が表示されていなければ、画像の上でその場所を直接クリックします。そのHEXコードとRGBコード、近い色の名前が表示されます。
4. すべてのHEXコードをコピー、CSS変数としてコピー、または JSONをダウンロード をクリックして、パレットを保存します。

主要な色は、通常、背景や大きな面です。アクセントカラーは、クリックして選んだ色であることが多いです。典型的なパレットは、ベースとなる2〜3色と、1〜2色のアクセントを組み合わせたものになります。画像から1色のHEXコードを取り出す方法は、画像からHEXカラーを取り出す方法のガイドで、クリックして1色を選ぶ方法を解説しています。

手順5：磨き上げる

パレットを手に入れたら、もう一度ボードを見直しましょう。

• 1枚の画像が、ほかと合っていませんか？ その画像を入れ替えて、コラージュを作り直しましょう。
• パレットに合う色の選択肢がほしいですか？ 無料のカラーパレット生成ツールでは、お持ちのHEXコードから調和する色の組み合わせを作れます。
• 一部の色の組み合わせがうまくいく理由を知りたいですか？ 色彩理論の基本をお読みください。

ムードボードのアイデア

• ブランドや小規模ビジネス： ロゴのヒント、パッケージ、フォント、色。パレットをデザイナーに渡しましょう。
• 住まいのリフォーム： 塗装、床材、家具、照明。
• 結婚式やイベント： 装飾、服装、花、招待状のスタイル。インドの結婚式の配色パレットが参考になるかもしれません。
• 服や仕立ての依頼： 仕立て屋に渡す、生地、刺繍、シルエットの参考資料。
• 学校や大学のプロジェクト： プレゼンテーションのビジュアルテーマ。

ボードを作る

無料のコラージュ作成ツールを開き、4〜9枚の画像を追加して、レイアウトを選び、ムードボードをダウンロードします。そのあとで、色取りツールで色を取り出しましょう。どちらのツールも無料で、お使いの端末上で動くので、何もアップロードされません。