画像から配色を見つける
カラーパレット抽出
画像に使われている「代表的な色」を自動で解析して抽出。
デザインの参考や、推し色のコード特定に最適です。
色を抽出したい写真を選ぶ
ドラッグ＆ドロップ、またはクリック
JPG / PNG / HEIC / WebP
画像の色を集計してパレットを作成中...
抽出されたカラーパレット
色ブロックをタップすると、HEXコードがコピーされます。
📝 このツールの詳しい使い方
1. 画像の選択
「写真をえらぶ」エリアをクリック、または画像を直接ドラッグ＆ドロップして読み込みます。スマホのカメラロールにある写真もそのまま解析可能です。
2. 画像の色を集計
読み込み後、解析用に縮小した画像の色を集計し、近い色をまとめて最大6色を表示します。AIによる被写体の判定は行いません。細かな模様や小さな色の領域は、結果に反映されにくいことがあります。
3. カラーコードの取得
気に入った色のブロックをタップするだけで、HEXコード（16進数）がコピーされます。デザインツールやイラストソフトにそのまま貼り付けられます。
💡 こんな人におすすめ！
🎨 デザインの配色案に
風景写真やオシャレな画像から配色バランスを抽出。Webデザインや資料作成のテーマカラー選定に役立ちます。
🖌️ イラストの塗り参考に
「この色の組み合わせがいいな」と思ったイラストから、近い色をまとめた代表色を取り出し、自分の作品の配色を考える参考にできます。
💖 推し色のコード特定に
大好きなキャラクターやアイドルの画像から、画像に多く含まれる色を配色の参考に。ネイルや小物選びの配色リファレンスに最適です。
🏡 インテリアやファッションに
部屋の模様替えやコーディネートの参考にしたい画像から、主要な色を把握して統一感のあるスタイルを作れます。
🔒 プライバシーと安全性
当ツールの画像解析は、すべてお客様のブラウザ（端末）内で行われます。 外部サーバーへ画像が送信されることは一切ありません。デザイン素材を画像処理サーバーに預けず、端末内で色を集計できます。
入力・出力のポイント
写真を1枚選び、代表色を一覧として取り出します。
- 表示結果
- 代表色を最大6色のHEX・RGB一覧として画面へ表示し、色カードからHEXをコピーできます。
仕上がりの確認：一覧は代表色で、写真内の任意の1点の色ではありません。小さな色領域は縮小で他の色と混ざり、6色未満になる場合もあります。
入力形式と保存の手順
入力：JPG・PNG・WebP、HEIC/HEIF（変換して読み込み）。形式や端末によって読み込めない場合は、JPGまたはPNGで試してください。
抽出された色カードを押すとHEXをコピーできます。画像ファイルやパレットの一括書き出しはありません。
仕上がりの例
猫の写真から代表色を抽出した結果の表示例です。
❓ よくある質問
このツールの裏側・仕組み
技術的な仕組みや、安全に処理を行うための工夫などを解説しています。
いつも ツール をご利用いただきありがとうございます🐾