ブランドとUIのために写真からパレットを構築する

該当する場合

アクセントは写真から拾うがピペット当てずっぽうは避ける。抽出し役割を割り当て、アクセシビリティのコントラストを試す。

使うツール

画像の主な色を抽出。

主色抽出 を開く →

手順

  1. 1代表的なクロップを選ぶ（ノイズ背景を避ける）。
  2. 2ドミナントを抽出しプライマリ／サーフェス等にマップ。
  3. 3WCAGフローで文字／背景ペアを検証。
  4. 4トークン化して本番での微妙なズレを防ぐ。

例

  • 年次レポートのヒーロー写真からキーノートアクセント。
  • 店舗ビジュアルからセクション背景色。

避けること

  • ガイドライン全体を非代表クロップ1枚で決める。
  • 本文に強色をコントラスト未検証で使う。
  • 画面の白基準なしに印刷議論。

関連ツール

ブログで

画像ツール のその他

すべてのタスクガイド または次の 画像ツール ハブ.

よくある質問

ピクセルピペットとの違い？

ドミナントは領域集約。ピペットは一点。必要なら併用。

グラデ多めの写真？

抽出前にシーンを単純化しないと濁る。

すべてのタスクガイド · 画像ツール のツール · ブログ