カラーパレット抽出ツール

画像をアップロードして、その画像を実際に特徴づけている色を抽出します。スウォッチをクリックすると16進コードをコピーできます。

クリックして画像を選択、またはここにドラッグ&ドロップ

貼り付け(Ctrl+V)にも対応しています。端末内で完結し、何もアップロードされません。

仕組み

色はcanvas APIを使って画像から直接サンプリングされ、類似度でグループ化されます。何もアップロードされず、すべてブラウザ内で完結します。

よくある質問

画像はどこかにアップロードされますか?

いいえ。すべてのピクセルはcanvas APIを使ってローカルで読み取られます。サーバーには何も送信されません。

色はどうやって選ばれていますか?

ピクセルは類似度によってグループ(バケット)に分けられ、最も多いバケットがパレットになります。各色はそのバケットに含まれた実際のピクセルの平均値です。

想定していた色と正確に一致しないのはなぜですか?

画像内で占める割合が小さい、または細い部分は平均化されて埋もれてしまうことがあります。色数を増やすと、より多くのディテールを拾えます。