画像から色を抽出 — パレットとクリック取色
画像をクリックすると、その点の周辺小領域（ソース約 7×7 ピクセル）を平均します。
写真からドミナントカラーとカラーパレットを取得 — またはプレビューをクリックして領域の色を取ります。手順：画像を選ぶ、色数（2–12）を設定、抽出、HEX/RGB/HSL をコピー、またはクリックで局所平均。例：ブランド写真から6色を取り、ロゴをクリックしてアクセント色 — ファイルは端末内。
使い方
写真を選んでパレットを抽出：ページは作業用コピーを縮小（長辺約256 px）、ほぼ透明ピクセルを除外し、色をグループ化して頻度で並べます。別途、プレビューをクリックするとフル解像度でその点の小さな正方形を平均し HEX/RGB/HSL をコピー——アップロードなし。
結果の目安
パレット抽出とクリック取得は同じ画像を使いますが、答える問いが異なります。色が想定外なら下のチェックリストを参照。
- パレットサンプリングは縮小ビットマップ（長辺最大~256 px）で大きな写真も軽快。細かい模様は近い色相にまとまることがあります。
- アルファ128未満のピクセルはパレットとクリック平均の両方で無視。完全透明の点は明確なメッセージを表示。
- 2–12色を指定可能；平坦な画像は少なく返る。色はサンプル比率で並びます。
- クリック取得はソース座標でクリック付近約 7×7 の不透明ピクセルを平均（縮小プレビューだけではない）。領域サンプルであり、ラボ級1pxスポイトではありません。
- プライバシー：デコード、パレット計算、クリックサンプリングはすべてこのタブ内でローカル実行。
例
4ブロックサンプルを読み込み、色数6のまま抽出——ティール、アンバー、緑、クリーム、赤などが見えるはず。次に赤い円をクリック：取得カードにその点の ~7×7 平均の赤 HEX が表示され、すぐコピーできます。
こんなときに
- ブランド写真：パレットを取り、ロゴやボタンをクリックして特定のアクセント色を取得。
- UI スクショ：界面パレットを確認し、チップやアイコンをクリックしてその領域の色を取得。
- グラデ案：パレットまたはクリックでアクセント2色を取り、グラデ計算機へ。
Frequently asked questions
画像はブラウザ外に出る？
いいえ。パレット計算とクリックサンプリングはローカル。Network で POST されていないことを確認できます。
主色はどう選ばれる？
画像を縮小、低アルファを除外、median-cut で色空間を分割、各グループを平均し、サンプル数で並べます。
画像をクリックするとどうなる？
クリックをソースピクセルにマップし、小さな正方形（~7×7）の不透明色を平均。その領域の HEX/RGB/HSL をパレット一覧とは別に取得。
なぜ1ピクセルではない？
写真や UI スクショは 1×1 でノイズが多い。小領域平均の方が CSS アクセントに安定し、クリック位置も反映されます。
アニメ GIF は全部解析される？
最初のフレームだけ描画され、パレットに使われ、クリック取得も可能です。
Related tools
お問い合わせ・フィードバック
分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。