画像から色抽出

画像の1点をクリックして正確な色を取得、または主要カラーパレットを自動抽出します。ブランドカラー分析・デザイン参考に。

使い方

1
画像をアップロード

ドラッグ・クリック・Ctrl+Vで画像を取り込んでください。PNG・JPG・WebP対応。

2
モード選択

クリックピッカーは1点をクリックして色を抽出。自動パレットは画像全体から主要色を5・8・10・16色抽出します。

3
色のコピー・保存

各色のHEX/RGB/HSLをワンクリックでコピー可能。パレット全体のテキスト出力もできます。

よくある質問

パレットはどう抽出されますか?

Median Cutアルゴリズムで色空間を繰り返し分割し主要色を抽出します。Photoshopの色インデックスと同系統の古典的手法です。

なぜ毎回同じ結果ですか?

Median Cutは決定論的アルゴリズムで、同じ画像・同じ色数なら常に同じ結果になります。乱数は使いません。

大きな画像はどう処理されますか?

高速化のため内部で320px以下にダウンサンプルして分析します。クリックピッカーは原解像度を保持します。

透明ピクセルは?

アルファ値が低い(ほぼ透明な)ピクセルはパレット分析から除外されます。クリックピッカーはアルファをそのまま表示します。

画像はサーバーに送信されますか?

いいえ。すべての分析はブラウザのCanvas内で行われ、画像が外部に送信されることはありません。