カラーパレット抽出（画像から配色を自動生成）

使い方

• 画像をドロップ（クリックで選択、またはスクリーンショットを Ctrl+V で貼り付け）すると、自動で主要色を抽出します
• 抽出はメディアンカット法で行い、色数はスライダーで3〜12色に調整できます
• 各スウォッチには HEX / RGB / HSL と画像内での出現割合（%）を表示し、割合の多い順に並びます。表記をクリックするとコピーできます
• パレット全体は CSSカスタムプロパティ・Tailwind設定・JSON・PNG画像としてエクスポートできます

こんなときに便利

• Webサイト・スライド・サムネイルの配色を写真やイラストから決めたいとき
• 参考画像のカラーパレットをCSSやデザイントークンとしてコードに持ち込みたいとき
• ブランドカラーやキービジュアルの主要色を数値（HEX/RGB/HSL）で共有したいとき

プライバシー

色の抽出はすべてブラウザのCanvas APIで行われ、画像データが端末の外（ネットワーク）に送信されることはありません。