写真の第2支配色とは？わかりやすく解説

青が大部分を占める写真でも、温かみを感じさせることがあります。ビーチの写真を思い浮かべてください。淡い青空がフレームの大半を占めていても、実際に次の投稿へつなげたいムードをつくっているのは、砂浜や肌の色、ストライプのパラソルのほうです。だからこそ、写真の第2支配色が第1の色より役に立つことがあるのです。

最も目立つ色は、画像の中で一番広い面積を占める色です。2番目に目立つ色は、その色を支え、バランスを取り、個性を与えている色です。グリッドレイアウトやストーリーズの流れ、商品カルーセルを計画するとき、ただ似ているだけの写真の集まりと、意図して編集されたように見える集まりとを分けるのは、たいていこの脇役の色です。

第2支配色とは何か

支配色は、画像の中で占める面積で決まります。鮮やかなオレンジの壁の前に青いジャケットの人物が立つ写真で、オレンジがフレームの60%、青が20%を占めているとしましょう。この場合、オレンジが支配色、青が第2支配色です。

これは「その色が画像のどこかにあるか」を問うのとは違います。隅の小さな青いロゴと、構図の要になっている青いジャケットとでは、ビジュアルの計画に役立つ度合いが同じではありません。「ある」は広すぎる基準です。「支配している」なら、結果に文脈が伴います。

第2の色がとりわけ雄弁なのは、ニュートラルな面や環境の色が広く写っている写真です。何もない青空、白いベッドリネン、灰色の舗装、緑の芝生は、あっさり最大の色面積になってしまいます。そのシーンの本当のスタイルを教えてくれるのは、次にくる色のほうです。白い壁の前のテラコッタの陶器、草原のピンクのワンピース、クリーム色のパッケージに印刷された黒い文字などがそうです。

統一感のあるフィードに第2支配色が重要な理由

カメラロールには、一見相性が良さそうでも並べると成立しない画像が溢れています。たとえば青い写真が何十枚もあっても、すべてが同じ色のストーリーを語るわけではありません。青と白のもの、青とオレンジのもの、深い緑の影を含む青のもの。そのグループを分けるのが第2の色です。

海辺の夏の投稿なら、青を温かみのあるベージュやオレンジが支えている写真が欲しいところです。清潔感のあるスタジオ発の商品ローンチなら、白の次に黒が強く出る画像が要るでしょう。やわらかな春のグリッドには、ライブラリ中の緑の写真すべてより、ピンクを第2の色に持つ緑の写真のほうがはるかに使いやすいはずです。

この考え方は、コンテンツをまとめて作るクリエイターにとって特に実践的です。旅行のアルバムをスクロールしながら「コーラル色のタオルが写っていたのはどのカットだっけ」「黄色い市場のテントが見えるのはどの写真？」と思い出そうとする代わりに、色の組み合わせでライブラリを絞り込めます。探しているのは、それぞれの色がたまたま数ピクセル入っている写真ではなく、両方の色がフレームをしっかり形づくっている写真です。

第1の色は目立っていても、制作の手がかりにならないことがある

写真の中で最も広い面積を占める色は、たいてい撮影場所で決まります。青空、暗い室内、白い壁、緑の木々は、編集の手がかりとして必要でなくても、色の計測を押し切ってしまいます。

淡く温かみのあるニュートラルが持ち味のスキンケアブランドのために、画像を選ぶ場面を想像してください。洗面所の写真は白が第1の色と判定されるでしょうが、第2支配色はパッケージやタオルのピーチかもしれません。どちらも白が最大の面積を占めたままでも、そのピーチがあるからこそ、ピーチトーンのフラットレイの隣に自然に置けるのです。

同じ原則はポートレートにも当てはまります。無地の壁の前に立つ人物の写真は、第1の色はニュートラルで、第2の色は服から生まれる強い色になります。その第2の色を手がかりにすれば、ニュートラルな背景の写真をひとまとめに扱うことなく、予定している流れに合うポートレートを効率よく探せます。

写真検索で第2支配色を活用する方法

まず、その画像に求めるビジュアル上の役割を明確にしましょう。開けた空が広がる静かなつなぎのカットでしょうか。アクセントカラーを繰り返す商品ディテールショットでしょうか。クールなトーンが続く投稿の中に温かみをもたらすポートレートでしょうか。その答えで、第1と第2のどちらの色に注目すべきかが決まります。

次に、必要な色の量を考えます。オレンジが20%の写真と60%の写真では、印象がまるで違います。割合が低ければ、夕日の端や陶器のマグ、ジャケットかもしれません。高ければ、壁やテーブルクロス、あるいは画面の主役そのものでしょう。どちらが上ということはなく、解決するレイアウトの課題が違うのです。

使いやすい検索は、広めの支配色に、より具体的な第2の色を組み合わせたものです。勢いとコントラストのある旅行写真が欲しいなら、主役の色に青、第2の色にオレンジを指定します。清潔感のあるボタニカルな画像なら、白を第1、緑を第2にします。もう一つ条件を足せるなら、色の組み合わせに撮影期間やお気に入り、被写体を加えておくと、見た目は合っていても使えない結果を省けます。

Filtersはこれを、ファイル名や記憶からの当て推量ではなく、画像の測れる性質として扱います。2番目に目立つ色を割り出し、24の色カテゴリーに支配度のしきい値を適用し、最大3つの条件を組み合わせられます。返ってくるのは「ピンクを含むすべての写真」ではありません。「ピンクに十分な視覚的重みがあり、いま組み立てているカラーストーリーに沿う写真」に近いものです。

色の順位を使って余白のある画像を選ぶ

色だけでは、写真は公開しやすくなりません。情報量の多い画像は、パレットがぴったりでも、文字や商品のオーバーレイ、周囲の画像とぶつかることがあります。キャプションが息をつける余白が必要なら、色の順位と構図のシンプルさを組み合わせましょう。

たとえば、淡い青空が支配色で温かみのあるサンドベージュが第2の色という写真は、構図が開けていれば文字を置くのに理想的です。ところが賑やかなプールサイドでは、同じ色がタオルや人物、パラソル、水面の反射に散らばっているかもしれません。パレットは合っていても、構図は合っていないのです。

この区別は、ストーリーズや販促用グラフィックを計画するときに効いてきます。まず狙いの色の組み合わせで検索し、そのなかから開けた面があり、輪郭がはっきりしていて、スタンプや文字ブロックの下で被写体が埋もれないフレームを優先します。パレットの一貫性は保ちつつ、すべての投稿を同じ平坦でミニマルな構図に押し込まずに済みます。

第2の色の検索が誤解を招く場合

どんな色の計測も、自分の目の代わりにはなりません。光は色の関係をたちまち変えます。夕日は白いシャツをピーチ色に見せ、薄暗い室内光はニュートラルな面を黄みに傾け、強い編集は実際のシーンとは別物のパレットを作り出します。かなり具体的な色の組み合わせに頼るなら、ヒットした写真がすべて最終セットに入ると思い込まず、最後は目で確かめるつもりでいましょう。

色カテゴリーも、無限に細かいのではなく、あえて実用的な粒度に設計されています。くすんだローズ、鮮やかなピンク、赤みのコーラルはデザイナーの目には別物でも、画像解析は色相と明度に応じてもっと大まかにまとめることがあります。検索が狭すぎると感じたら、しきい値を緩めるか隣の色系統を試してください。広すぎるなら、必要な占有率を上げて、その色がフレームのより多くを占める条件にしましょう。

再現率と精度はトレードオフです。しきい値が低いと、色がわずかなアクセントにすぎない画像まで含めて候補が増えます。高いと、パレットへの寄与が強い少数の画像だけが返ってきます。選択肢を集める段階では広めに、カルーセルの最終6枚を選ぶ段階でしきい値を絞るのが効果的です。

手持ちのカメラロールをより賢く編集する方法

第2支配色は、飾りの統計ではありません。ビジュアルの体系の中で画像を使いやすくしている関係性への近道です。開放的で陽に温められたような青い写真と、クールで建築的な青い写真を見分ける助けになります。意味のあるアクセントを持つニュートラルな写真も見つけやすくなります。そして、個々のフレームを編集し始める前に、統一感そのものを検索する手段をくれます。

そのためにライブラリをアップロードしたり、プライベートな写真をクラウド上のデータに変えたりする必要はありません。必要な処理はデバイス上で済み、カメラロールはあくまで自分のカメラロールのままです。2番目の色に目が向くようになると、「この写真は単体で良いか」と悩む時間が減り、「次の写真を引き立てる一枚はどれか」を探す時間が増えるはずです。