画像からパレット抽出

写真から主要な色を取り出し HEX・CSS・Tailwind でコピー

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

対応形式：JPG、PNG、WebP、GIF、HEIC、AVIF · Ctrl+V / ⌘V で貼り付けることもできます

画像からパレット抽出の使い方

写真やスクリーンショットから主要な色を 3〜16 色抽出し、それぞれの面積比を表示します。Android 方式のスウォッチの役割も選び、CSS・Tailwind・JSON・.gpl・.ase で書き出せます。

画像（JPG・PNG・WebP・GIF・HEIC・AVIF）をドロップするか、クリックして選びます。

「色数」スライダーで 3〜16 色を選び、「並び順」を「面積」「色相」「明度」から選びます。

色見本や画像にカーソルを合わせると、その色がどこにあるかがわかります。色見本をクリックすると HEX をコピーします。

「エクスポート」で HEX・CSS・Tailwind・JSON を選んでコピーするか、GIMP / Inkscape（.gpl）や Adobe（.ase）をダウンロードします。

よくある質問

いいえ。画像はブラウザ内でデコード・解析され、端末の外には出ません。

長辺 256 px 以下に縮小したコピーに対し、OKLab で重み付き k-means クラスタリングを行います。そのため各色は 1 ピクセルではなく領域を代表する色です。特定のピクセルの正確な色が必要なら「画像カラーピッカー」を使ってください。

役割は Android の Palette API と同じ考え方で 16 色の候補から選びます。灰色っぽい写真でビビッドな色がないなど、合う候補がなければ空欄になります。

含まれません。透明なピクセルは無視されるので、透過背景のロゴならロゴ自体の色だけが抽出されます。

使えます。Adobe（.ase）をダウンロードすれば Adobe のアプリでスウォッチとして読み込め、GIMP / Inkscape（.gpl）は GIMP と Inkscape で使えます。