メインコンテンツへスキップ
Toolars
探索
バグを報告

画像 · ローカルユーティリティ

画像の平均色を抽出

Image Average Color Finder

画像の平均色を alpha 加重で測定し HEX・rgb()・rgba() でコピー。透明ピクセルは平均に混ざらず無視される。

タスクの道筋 / 入力から結果へ

画像を選択する

ローカルで実行 · アップロードなし

画像の平均色を抽出の使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

画像の平均色を調べる方法

  1. 01

    画像を選択する

    「ファイルを選択」を選び、12 MiB までの PNG、JPEG、WebP を開きます。片側 8,192 ピクセル、合計 24,000,000 ピクセルまでです。ピクセルはローカルでデコードされ、アップロードはされません。

  2. 02

    分析を実行する

    「平均色を計算」を押します。4,000,000 ピクセルを超える画像は、別の Canvas 上で分析上限内に縮小してから処理します。小さい画像はデコード後のピクセルを元の寸法で読み取ります。結果は色の目安であり、元ファイルのバイト単位の厳密な測定ではありません。

  3. 03

    アルファを考慮した結果を読む

    ワークスペースの注記にあるとおり、透明ピクセルは無視され、部分的なアルファは比例して反映されるため、柔らかいエッジや PNG の切り抜きで色が歪むことはありません。

  4. 04

    値をコピーまたはダウンロードする

    結果のスウォッチには HEX、rgb()、rgba() が表示されます。スウォッチをクリックしてコピーするか、コピーコントロールで全文をコピーするか、「ダウンロード」で小さなテキストファイルとして保存できます。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

画像の平均色を抽出 は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

画像の平均色を抽出 が実際に行うこと

ヒーロー写真に合う背景の色合いを決める、リニューアル後もブランドアセットがらしさを保っているか確認する、商品写真の平均トーンを CSS のプレースホルダーカラーに使う。平均色は多くの場合、画像の最も速く正直な要約です。画像の平均色を抽出はローカルでデコードされたピクセルから計算するため、未公開画像の分析さえデバイス上に留まります。

よくある質問

平均色はどう計算されますか?
デコード後の各ピクセルの RGB をアルファ値で重み付けします。完全に透明なピクセルは色に寄与せず、半透明のピクセルは寄与が小さくなります。表示する alpha は透明なピクセルも含む分析対象全体の平均不透明度です。4,000,000 ピクセルを超える画像は縮小したコピーを使うため、結果は近似値です。
大きな画像が計測前にダウンスケールされるのはなぜですか?
縮小により大きな画像の Canvas メモリと処理量を抑えます。処理はローカルのコピー上で行い、元ファイルは変更しません。ただし再サンプリングで細部や透明な輪郭の測定色が変わることがあります。ブランドカラーに使う前に元画像と見比べてください。
スタイルシートにはどの形式をコピーすべきですか?
HEX と rgb() は測定した RGB 値を丸めて示します。rgba() には平均 alpha も含まれますが、HEX と rgb() には不透明度が含まれません。透明部分のある画像で不透明度が重要な場合は rgba() を使い、使用先の背景で見え方を確認してください。
完全に透明な画像が失敗するのはなぜですか?
可視ピクセルを含まない画像には報告できる色がありません。ツールは黒や白をでっち上げる代わりに、明確なメッセージで拒否します。
画像はどこかにアップロードされますか?
いいえ。デコードと平均計算は現在のブラウザタブ内だけで実行され、アカウントは不要です。ワークスペースをリセットすると、画像と測定された色は破棄されます。

画像スタジオを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

画像トリミング

Image Cropper

PNG・JPEG・WebP を正確なピクセル座標で、自由または固定のアスペクト比付きで切り抜き、PNG・JPEG・WebP として書き出す。

編集

画像フィルター

Image Filters

明るさ・コントラスト・彩度・グレースケール・セピア・ぼかしを 6 つのスライダーで調整し、元サイズの PNG でダウンロード。

編集

画像リサイズ

Image Resizer

画像をアスペクト比ロック付きの正確なピクセル寸法にリサイズ。1 枚ずつ、または最大 12 枚のバッチを ZIP でダウンロード。

編集

画像カラー抽出

Image Color Extractor

画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。

確認