色抽出
画像からカラーパレットを抽出。
ファイルは端末内に留まります
このツールはすべての処理をブラウザ内で行います。サーバーへのアップロードはありません。
📝 色抽出について
色抽出は、画像の中で多く使われている代表的な色を取り出し、最大8色のパレットとHEXコードで表示するツールです。画像を追加するとすぐに分析が始まり、使用頻度の高い色から順に並びます。ワンクリックでパレット全体をカンマ区切りのリストとしてコピーできます。
写真の雰囲気に合わせてウェブサイトやスライド、SNS投稿の配色を決めたいとき、ロゴからブランドカラーを特定したいとき、ムードボードを作りながら感覚で選んでいた色を具体的な値にしたいときに便利です。抽出したパレットを出発点にして、読みやすさのためにコントラストを調整するのが実務でよく使われる方法です。
内部では画像を縮小し、似た色同士をまとめて、各グループの平均色を1つの色見本にしています。ほとんど透明なピクセルは計算から除外されるため、透明背景のロゴもきれいに分析できます。ただし色をまとめる仕組み上、ごく小さな面積の差し色は結果に表示されないことがあります。分析はすべてブラウザ内で行われ、画像はアップロードされません。
📘 使い方
- 1
画像を追加
写真・ロゴ・スクリーンショットをアップロード欄にドロップします。
- 2
パレットを確認
使用頻度の高い順に、最大8色の代表色が自動で表示されます。
- 3
コードをコピー
コピーボタンで、すべてのHEXコードをカンマ区切りのリストとしてコピーします。
❓ よくある質問
8色より少なく表示されるのはなぜですか？
似た色は1つにまとめられるため、シンプルなロゴのようにはっきりした色が少ない画像では、パレットも短くなります。
HEXの代わりにRGBやHSLの値も見られますか？
このツールはHEXコードのみを表示します。コードをカラーコード変換ツールに貼り付ければ、RGBとHSLの値を確認できます。
特定のピクセルの色を取得できますか？
いいえ。このツールは1点の色を取得するのではなく、画像全体の代表的なパレットをまとめて表示します。