このツールについて
Color Palette Extractorとは何ですか？
任意の画像をドロップすると、Color Palette Extractorが視覚的に最も支配的な5～8色を抽出し、16進コード、RGB値、そしてすぐに使えるCSSカスタムプロパティのブロック付きのきれいなパレットとして表示します。
ロゴからブランドカラーを合わせる場合、参考静止画からフィルムLUTを作る場合、AI生成画像からパレットを抽出して自分のデザイン作業に使う場合などに役立ちます。ブラウザ内でのみ動作し、画像がアップロードされることはありません。
FAQ · COLOR PALETTE EXTRACTOR
Color Palette Extractorに関する質問
どのように色を選び出しますか？
画像のピクセルデータに対するK-meansクラスタリングを使用します。視覚的に近いピクセル同士をグループ化し、そのクラスタの中心を支配色として提示します。返される色の数は3～12で調整できます。
パレットをCSSとしてコピーできますか？
はい。ボタンを1つ押すと、スタイルシートに貼り付けられるCSSカスタムプロパティのブロックがコピーされます：`--brand-1: #...; --brand-2: #...;` など。JSON、Tailwind設定、または.ase（Adobe Swatch Exchange）形式でも書き出せます。
無料ですか？
はい。無料で、登録も不要です。パレットのスウォッチにウォーターマークは入りません。すべてブラウザ内で動作します。