画像から配色抽出Image Color Palette Extractor
画像をドロップするだけで主要な配色を自動抽出。HEX・RGBコードをワンクリックでコピー。Drop an image to automatically extract its dominant colors. Copy HEX and RGB with one click.
お気に入りについて About favorites
この端末のブラウザにのみ保存され、サーバーには送信されません。 Saved on this device only—never sent to our servers.
ここに画像をドロップDrop an image here
PNG・JPEG・WebP対応 / またはクリックして選択PNG, JPEG, WebP / or click to select
抽出モードExtract mode
条件に合う色が見つかりませんでした。抽出モードを変えるか、色数を減らしてお試しください。 No colors matched this filter. Try a different mode or fewer colors.
使い方・ユースケース How to Use & Use Cases
画像をドロップすると、使用頻度の高い色を自動で分析し、カラーパレットとして表示します（4〜16色）。抽出モードで「鮮やか」「パステル」「ダーク」「ニュートラル」に絞り込めます。各スウォッチをクリックするとHEXコードをコピーでき、RGB表示にも切り替えられます。 Drop an image to analyze its most frequent colors and show them as a palette (4–16 colors). Filter by vivid, pastel, dark, or neutral tones. Click a swatch to copy HEX, or switch to RGB display.
写真やロゴから配色を抜き出してWebサイトやスライドのカラースキームに使いたいとき、ブランドカラーの参考にしたいとき、デザインカンプの色をコード化したいときに使えます。 Useful for pulling a color scheme from a photo or logo for a website or slide deck, referencing brand colors, or turning a mockup's colors into code.
よくある質問FAQ
画像のすべての色が抽出されますか？Are all colors in the image extracted?
いいえ。出現頻度の高い代表色を、指定した色数（4〜16色）まで表示します。近い色はまとめ、似た色が重ならないよう間引いています。すべての色が必要な場合は画像編集ソフトのスポイト機能をご利用ください。No. The tool shows up to your chosen number of representative colors (4–16), ranked by how often they appear. Similar colors are grouped and deduplicated. For every distinct color, use an eyedropper tool in image editing software.
抽出モードとは？What are extract modes?
「すべて」は頻度順の代表色です。「鮮やか」は彩度の高い色、「パステル」は明るく淡い色、「ダーク」は暗い色、「ニュートラル」はグレー・ベージュ系に絞り込みます。モードや色数を変えると、画像を再アップロードせずに再抽出されます。All shows dominant colors by frequency. Vivid favors saturated colors, Pastel light muted tones, Dark low-brightness colors, and Neutral gray/beige tones. Changing mode or count re-runs extraction without re-uploading the image.
どうやって主要な色を判定していますか？How are the dominant colors determined?
画像の全ピクセルを走査し、近い色同士をグループ化（色の各成分を丸めてバケット化）して、出現頻度の高いグループから代表色を抽出しています。The tool scans all pixels, groups similar colors into buckets by rounding each RGB channel, and picks the representative color from the most frequent buckets.
透過PNGの透明部分は色の抽出に影響しますか？Does transparency in a PNG affect the extraction?
完全に透明なピクセル（アルファ値が低いピクセル）は抽出対象から除外されます。Fully or mostly transparent pixels (low alpha) are excluded from the analysis.
画像はサーバーに送信されますか？Is the image sent to a server?
されません。解析はすべてブラウザ内（Canvas API）で行われます。No. Analysis happens entirely in your browser using the Canvas API.
ページを閉じれば、端末内のデータは自動的に消去されます。契約書や顧客資料など、慎重に扱うデータも安心してご利用ください。When you close the page, data on your device is cleared automatically. Safe for sensitive files such as contracts and client documents.
