🎨 画像カラーパレット抽出
画像から主要色を 5 / 10 / 16 色抽出します。HEX・RGB・HSL での表示、CSS variable 形式の一括出力に対応。デザイン参考やテーマカラー作成に。
✅ 完全無料・登録不要・画像はサーバーに送信/保存されません
🔒 プライバシーについて
- ・すべての処理はブラウザ内 (Canvas API) で完結します
- ・画像データは一切サーバーに送信されません
- ・保存ログ・履歴・データベース等は存在しません
🎨
画像をドラッグ＆ドロップ、クリックで選択、または貼り付け
元画像
カラーパレット
CSS variable 一括出力
📖 使い方
-
1
画像を読み込むドラッグ＆ドロップ、クリック選択、Ctrl+V で貼り付け。
-
2
色数を選ぶ5 / 10 / 16 から抽出する色数を選択。表示形式 (HEX / RGB / HSL) も指定可能。
-
3
抽出してコピー各色のスウォッチをクリックでコピー、または CSS variable 一括コピーボタンを使用。
❓ よくある質問
どのアルゴリズムで抽出していますか？
Median Cut アルゴリズムを使用しています。RGB 空間を最も分散の大きい軸で再帰的に分割して代表色を抽出します。k-means より高速で結果も安定しています。
画像はサーバーに送信されますか？
いいえ。Canvas API でブラウザ内のみ処理します。Network タブで通信が無いことを確認できます。
透明 PNG はどう扱われますか？
完全に透明なピクセル (alpha=0) は無視されます。半透明ピクセルはそのまま色情報として使用します。