画像をアップロードして主要な色を抽出します。各スウォッチのHEXコードを取得し、ワンクリックでコピー。すべてブラウザ内で実行されます。
カラーパレット抽出ツールは、Canvasのピクセルデータに対してkmeansクラスタリングアルゴリズムを使用して画像を分析し、視覚的に最も支配的な色を特定します。結果は個別にコピーできるHEX値付きのカラースウォッチのセットです。画像のバイトはブラウザの外に出ません。ピクセルサンプリングはWeb Workerでローカルに実行されるため、メインスレッドは応答性を維持します。
抽出は数十万の個々のピクセルの色をより少ない数の代表的なクラスタにグループ化します。出力カラー数は設定可能で、5色のタイトなパレットから12色の広いセットまで抽出できます。これはロゴから主要なブランドカラーを素早く取得したり、ムードボード用に写真の支配的なトーンを特定したり、ユーザーがアップロードした画像にどんな色が含まれているかを確認するのに役立ちます。
ツールはCanvas.getImageData()を通じて画像からすべてのピクセル値を読み取り、速度向上のためにダウンサンプルし、kmeansクラスタリングを実行します。各クラスターの重心が出力カラーの1つになります。kmeansはピクセルを色の近さでグループ化するため、支配的な視覚的トーンが重心カラーとして現れます。
いいえ。ピクセルサンプリングはブラウザのWeb Worker内で行われます。画像はローカルディスクから読み込まれ、OffscreenCanvasに描画され、ピクセル配列がメモリ内で処理されます。データはデバイスの外に出ることはありません。
kmeansの重心はピクセルカラーのクラスターの数学的平均を表します。非常に一般的だがわずかに変化する色（勾配の変化がある青空など）は、指摘できる正確なピクセル値ではなく、平均的な色相の重心を生成します。結果は特定のピクセルのサンプルではなく、代表的な平均です。
完全に透明なピクセル（アルファ=0）は、透明領域がCanvasの背景塗りに応じて抽出カラーを黒や白に偏らせないよう、クラスタリングから除外されます。半透明のピクセルはアルファ値で重み付けされてサンプルに含まれます。
ツールはHEXコード（例：#3A7BD5）を出力します。RGB、HSLまたは他のフォーマットが必要な場合は、HEX値をカラーコンバーターツールにコピーしてください。HEXを受け取りすべての一般的なカラーモデルに変換します。