パレット抽出

🎨 概要

任意の画像から主要色と完全なパレットを抽出。JPG、PNG、GIF、WebPなどに対応。デザイナーと開発者向け。

📋 対応フォーマット

• 入力： JPG、PNG、GIF、WebP、BMP、SVGなどの一般的な形式。
• 出力： HEX値（例：#FF5733）。
• 色空間： RGB。

💡 手順

1. アップロードエリアをクリックするか、画像をドラッグ＆ドロップします。
2. 画像が分析され、主要色が抽出されます。
3. 「メインカラー」セクションで主要色を確認します。
4. 「パレット」セクションで完全なパレットを確認します。
5. 任意のスウォッチをクリックしてHEX値をコピーします。

🎯 活用例

• Webデザインのカラースキーム。
• UI/UXのカラーインスピレーション。
• ブランドカラー分析。
• 印刷・グラフィックデザインの参考。
• CSSカラーピッキング。
• アートと色彩研究。

✨ 特長

• スマート抽出： Color Thiefアルゴリズムで主要トーンを抽出。
• 完全パレット： 代表的な多色スウォッチセット。
• ワンクリックコピー： スウォッチをクリックしてHEXをコピー。
• 即時結果： アップロード直後にパレットを表示。
• レスポンシブ： さまざまな画面サイズに対応。
• ローカルのみ： 処理はブラウザ内で完結。

⚠️ 注意事項

• 豊かでコントラストの高い画像は通常、より良いパレットを生成します。
• 速度のためファイルは約10MB未満を推奨。
• 結果は画像品質と内容により異なります。
• コピー後3秒間「コピーしました」トーストが表示されます。
• サーバーには何もアップロードされません。

💡 ヒント

• 複雑な画像では、主要色は通常最大面積の色です。
• パレット色は重要度順に並びます。
• 複数の画像をアップロードしてスキームを比較。
• お気に入りのHEX値をデザインツールやメモに保存。
• コピーした値を他のデザインアプリと組み合わせて使用。

❓ よくある質問

• 色が期待と合わないのはなぜですか？
  抽出はアルゴリズムベースで、内容と照明に依存します。鮮明でコントラストの高い画像を使用してください。
• 何色抽出されますか？
  1つの主要色と、画像内で最も代表的な色のパレット。
• 透明PNGは使えますか？
  はい — 透明部分は抽出に含まれません。
• より正確な色を得るには？
  高品質で彩度の高い画像を使用し、過度な露出過多・不足を避けてください。