画像パレット抽出 — 設定と品質
画像パレット抽出 — 設定と品質：調整つまみはありません。最大8色が出るので、実際の操作はトリミング、画像選び、残す数です。
画像はブラウザー内で分析されます。
またはこのページのどこにでも画像を1つドロップ
カラーピッカーとパレット抽出
入力と出力の例
調整つまみはありません。最大8色が出るので、実際の操作はトリミング、画像選び、残す数です。
24刻みで丸めるため、各色は正確なピクセル値ではなく区間の中央値で、本来の色とチャンネルごとに最大12前後ずれることがあります。160ピクセルの作業用コピーでも結果が安定して速い反面、ロゴが#D92B2Bなのに色見本が#D83030と読めるようなことが起こります。正確な値が必要なら、その位置をカラーピッカーでクリックします。
商品写真からランディングページを作るデザイナーは、背景色、文字色、アクセント色の3〜4色があれば足ります。合う最初の色を背景に、暗い色を文字に、彩度の高い色をボタンに使い、残りは8色すべてを使おうとせず捨てて構いません。
よくある失敗は、一覧の順番をデザイン上の重要度として読むことです。順番はピクセル数にすぎず、大きくて地味な背景が先頭に来て、小さく鮮やかなアクセントは最後に回るか出てこないことがあります。アクセントを上位にしたいときは、その周辺を狭く切り出してもう一度実行します。
トレードオフとして、狭く切るとアクセントの比重は上がりますが、落ち着いたベースカラーを失いがちです。広い構図は雰囲気を保てますが背景に偏ります。広い範囲と狭い範囲で2回実行し、両方から良い色を選んで組み合わせましょう。
入力
Image with several dominant colors
出力
Palette swatches and color codes
集計は長辺160ピクセル以下に縮小したコピーで行うため、元画像のごく小さなディテールはほとんど影響しません。
作業別ツール 12
関連ツール 13
画像パレット抽出 — 設定と品質の使い方
- 画像パレット抽出 — 設定と品質 に使う画像を選びます。
- ピクセルをクリックするか、抽出されたパレットから色を選びます。
- 正確な HEX または RGB 値をコピーします。
よくある質問
画像パレット抽出 — 設定と品質 では何ができますか？
画像パレット抽出 — 設定と品質：調整つまみはありません。最大8色が出るので、実際の操作はトリミング、画像選び、残す数です。
画像パレット抽出 — 設定と品質 はどのように使いますか？
画像パレット抽出 — 設定と品質 に使う画像を選びます。 ピクセルをクリックするか、抽出されたパレットから色を選びます。 正確な HEX または RGB 値をコピーします。
画像パレット抽出 — 設定と品質 の結果はどのように受け取れますか？
選択した色と抽出パレットは HEX・RGB でそのままコピーできます。
編集した画像を公開する前に何を確認しますか？
書き出したファイルを開き、使用時のサイズで画素数・容量・小さな文字・輪郭・透明部分を確認してください。サイズ変更は画素数、圧縮は容量を調整します。拡大しても失われた細部の復元は保証されません。設定を変えて再出力できるよう原本を保管してください。