画像パレット抽出
画像をドロップすると主要な色を取得 — HEX、RGB、画像に占める割合を表示。
抽出中…
画像をドロップすると、その色がパレットとして返ってきます。
使い方
- カードに画像をドロップするか、⌘V で貼り付けるか、「画像を選択」を押します。HEX、RGB、ピクセル占有率のパレットがすぐに表示され、ボタンを押す必要もアップロードもありません。
- 色数（6、8、16）と、占有率順か色相順かを選びます。どちらを変更しても、再デコードせずにその瞬間にパレットが更新されます。
- 任意のスウォッチの「コピー」でその 1 色を取得するか、「CSS としてコピー」／「JSON としてコピー」でパレット全体を取得します。「JSON をダウンロード」／「テキストをダウンロード」でファイルとして保存できます。元の画像は変更されません。
例
サンプル画像（「サンプルを読み込む」で読み込み）
ykit-palette-ja.jpg 1200 × 800 · 53.4 KB · グラデーション＋テキスト
8 色のパレット
#235695 rgb(35, 86, 149) 12.5% #3834BE rgb(56, 52, 190) 12.5% #4355A5 rgb(67, 85, 165) 12.5% … 残り 5 色
これは日本語サンプル画像に対する実際のメディアンカット結果です（2026-10-27、Chromium）。サンプルのテキストはページ言語で描画されるため、中国語やアラビア語のサンプルではバイト数とグラデーション中間色がわずかに異なります。パーセントは 200 px に縮小した画像を対象に、小数 1 桁で丸めています。ピクセル単位の精度を偽装せず、その旨を明記しています。
ルール・制限・既知の問題
- アップロードはありません。画像はこのタブ内で読み取り、縮小、分析され、ページがネットワークリクエストを送ることはありません。元のファイルは読み取るだけで、変更しません。
- ピクセル占有率は縮小画像（最長辺 200 px）で測定し、小数 1 桁に丸めます。元のすべてのピクセルを数えたものではありません。丸めにより、パーセントの合計が正確に 100 にならない場合があります。
- 透明なピクセル（アルファ 50% 未満）は無視します。色を持たないため、含めるとパレットを濁らせるだけです。完全に透明な画像は、色をでっち上げずに「可視ピクセルがない」と報告します。
- 画像は最大 20 MB、16 メガピクセルです。巨大なファイルがタブを圧迫しないよう、デコード前に拒否します。ピクセルを読む前に最長辺 200 px に縮小するため、抽出は高速ですが細かい色のディテールはわずかに滑らかになります。
- 「抽出」ボタンや正確なスポイト機能はありません。このツールが報告するのは主要なパレットであり、カーソル下の正確な色ではなく、色の調和を判定するものでもありません。
- 画像は一度に 1 枚です。履歴や、クリーンなページ URL 以外の共有リンクはありません。何も保存されないため、再読み込みするとゼロから始まります。
関連ツール
色を取得した後によく使われるツールです。