画像カラーパレット抽出

使い方

PNG、JPEG、WebP、AVIF画像をアップロードすると、ブラウザ内で主要色の近似値を最大8色抽出し、色コードをコピーまたは保存できます。

選択した画像から代表的な色票を抽出します。色票を押すとHEXをコピーでき、HEX、RGB、HSL、CSS変数を含む文字レポートも保存できます。

💡 かんたん3ステップ利用ガイド

① 画像を選択

ファイル選択欄からPNG、JPEG、WebP、AVIF画像を読み込みます。

② 抽出色を確認

代表的な色票とHEX／RGBのレポートを自動表示します。元画像のすべてのピクセルを正確に再現するものではありません。

③ HEXをコピーまたはレポートを保存

色票を押してHEXをコピーするか、「色票をダウンロード」でRGB、HSL、CSS変数を含むimage-color-palette.txtを保存します。

利用場面

写真、イラスト、画面キャプチャから配色の参考を素早くまとめるときに使えます。

計算・処理方法

画像を最大96 × 96ピクセルに縮小して標本化し、アルファ値128未満の画素を除外します。RGBを量子化し、出現数と鮮やかさで並べて最大8色を残します。

具体例

室内写真を読み込み、壁や家具に近いHEX値をコピーするか、HEX、RGB、HSL、CSS変数を含むテキストファイルを保存します。

制限とデータ処理

画像を縮小して色階調を量子化し、アルファ値128未満の画素を除外するため、グラデーション、透明部分、小面積の色は統合または省略される場合があります。デコードできない画像や上限超過の画像からは色票を作成せず、EXIFなどの画像メタデータも色票には含めません。読込中の独立したキャンセルボタンはなく、別のファイルを選ぶと古い結果を無視します。

画像のデコード、標本化、色票の抽出、テキストファイルの作成は現在のブラウザ内で完了します。画像や抽出値をGoGo Toolsのバックエンドへ送信しません。