コンテンツへスキップ
Image Color Extractor
画像から主要な色を抽出し、カラーパレットとして表示します。
概要
- 画像から使用頻度の高い色を抽出し、カラーパレットとして表示するツールです。
- 近い色同士は自動的にまとめて集計され、それぞれの色が画像内で占めるおおよその割合とともに表示されます。
- Color Palette Generatorとは逆方向のツールで、既存の画像から配色を取り出したい場合に使用します。
使い方
- 画像をドラッグ＆ドロップ、またはクリックして選択します。
- 画像が読み込まれると自動的に解析され、カラーパレットが表示されます。
- 「抽出する色数」を変更すると、その色数で再解析されます。
- 各色のHEXコードはコピーボタンでクリップボードにコピーできます。
入力例・出力例
入力
風景写真
出力
#4a7c9e (32.5%) / #f2e8d5 (21.3%) / ...
利用シーン
- 写真やイラストから、デザインに使う配色案を作成する
- ブランドイメージの元になる画像から、Webサイトのカラーパレットを決める
- 既存デザインの配色を参考にして、類似したトーンのCSSカラーを取得する
よくある質問
抽出される色数を変更できますか？
はい。「抽出する色数」で4〜10色の範囲から選択できます。
色の割合はどのように計算されますか？
画像内のピクセルを一定間隔でサンプリングし、近い色同士をまとめた上で、サンプリングしたピクセル数に対する各色グループの割合を算出しています。大きな画像でもすべてのピクセルは走査せず、一定数までサンプリングする仕様のため、あくまで概算値です。
透明な背景を持つ画像はどう扱われますか？
透明に近いピクセルは集計対象から除外されます。画像全体がほぼ透明な場合、色を抽出できない旨のエラーが表示されます。
注意点
- 処理はすべてブラウザ内で完結し、アップロードした画像が外部サーバーへ送信されることはありません。