画像配色抽出ツール

Extract dominant colors, HEX codes, and reusable palette tokens from local images before design review or frontend handoff.

ブラウザ限定、プライベート

ブラウザ内でローカル処理。アップロード不要。

Extract dominant colors and reusable HEX palette tokens from local images in the browser.

画像配色抽出ツール

Extract dominant colors, HEX codes, and reusable palette tokens from local images before design review or frontend handoff.

ファイルを選択

ファイルをドロップするかクリックして参照

Palette size

ファイルを待機中

開始するにはファイルを追加してください。

元のサイズ

Colors found

Dominant color

ブラウザ内でローカル処理。アップロード不要。

ファイルを待機中

CSS variables

:root {
}

Palette JSON

[]

クイックヒント

Use 4-6 colors for UI token handoff and 8 colors for richer moodboards.
The palette is sampled locally from a downscaled preview so large files stay fast.