画像カラー抽出
画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。
ツールを開く — 画像カラー抽出画像カラー抽出 vs 画像カラーピッカー
画像カラー抽出 と 画像カラーピッカー — どう違う？
結論から: Image Color Extractor はデコード後の RGB を固定バケットに分け、分析した可視サンプルのアルファ加重比率順に最大 12 グループを表示します。大きな画像は先に縮小します。 Image Color Picker は 1 × 1 の Canvas でデコード後の画像の 1 座標を読み、近隣を平均しません。RGBA は元ファイルの符号化された値と異なる場合があります。
画像カラー抽出 と 画像カラーピッカー の比較
| 画像カラー抽出 | 画像カラーピッカー | |
|---|---|---|
| 用途 | 画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。 | 座標入力またはプレビューのクリックで、ブラウザがデコードした画像の Canvas ピクセルを 1 点だけ読み取ります。HEX をコピーするか、rgba() を含む値をダウンロードできます。 |
| 入力 | PNG、JPEG、WebP 画像 1 枚 | PNG、JPEG、WebP 画像と、読み取るピクセル位置 |
| 出力 | 最大 12 個の RGB グループを HEX と JSON で表示。加重サンプル比率の合計は 100% 未満になることがあります。 | デコード後の Canvas ピクセル 1 個の HEX、rgb()、rgba()。スウォッチを押すと HEX のみコピーします。 |
| 主な用途 | 写真、スクリーンショット、ブランド素材からのパレット作成 | ボタン色、グラフの線、モックアップ内の特定ピクセル値の一致 |
主な違い
画像カラー抽出 vs 画像カラーピッカー
役割
作業次第抽出器は画像全体を占有率順のパレットにまとめます。ピッカーは周辺平均をせず、単一ピクセルを調べます。
入力
作業次第両方とも PNG、JPEG、WebP を受け付けます。ピッカーにはクリックまたは x/y 座標で位置も必要です。
出力
作業次第抽出器は占有率付きの色を最大 12 色、JSON パレットでダウンロード可能です。ピッカーは 1 つの HEX、rgb()、rgba() 値だけを出します。
向いている用途
作業次第デザインパレットやテーマ作りなら抽出器。正確なワンオフの色値ならピッカーです。
対象のツール
画像カラーピッカー
座標入力またはプレビューのクリックで、ブラウザがデコードした画像の Canvas ピクセルを 1 点だけ読み取ります。HEX をコピーするか、rgba() を含む値をダウンロードできます。
ツールを開く — 画像カラーピッカー関連比較
ほかの Toolars ツール比較
よくある質問
画像カラー抽出 と 画像カラーピッカー はどう違いますか？
抽出器はデコード後のピクセルを固定 RGB バケットに入れ、可視サンプルのアルファ加重比率で並べます。最大 12 グループを返し、表示比率の合計は 100% とは限りません。ピッカーは近隣を平均せず Canvas の 1 座標を読みますが、元ファイルの生の RGBA バイトとの一致は保証しません。
画像カラー抽出 と 画像カラーピッカー は一緒に使えますか？
はい。まず抽出器で画像の色の系統を把握し、ロゴの縁や影など特定の場所の正確な 1 ピクセル値が必要な場合にピッカーを使います。