Color Extractor

使い方

1. 画像を選びます。ブラウザ内でデコードされ、長辺 320px に縮小されてサンプリングされます。
2. 取り出す色数を 5〜8 の範囲で選びます。
3. Extract palette を押すと、各スウォッチに HEX、RGB、サンプリング画素に対する割合が表示されます。
4. スウォッチをクリックするとその HEX だけをコピーでき、Copy で一覧全体をコピーできます。
5. Clear でパネルをリセットし、別の画像を選べます。

よくある用途

• 写真に合わせた配色 —— メインビジュアルの実際の色を、推測ではなく取得できます。
• テーマカラーの作成 —— 割合を見れば、背景向きの色とアクセント向きの色が判断できます。
• ブランド写真の確認 —— 実写の色がブランドパレットと合っているかを確認できます。
• 塗料や糸の色選び —— 平均化された少数の色の方が、写真全体より合わせやすいです。

よくある質問

Q: 割合の合計が 100% にならないのはなぜですか？ A: 各割合はサンプリングした全画素に対する割合であり、画像には通常 5〜8 より多くの色相グループがあるためです。残りは一覧に入らなかった色に分散しています。

Q: 色は画像の実際のピクセル値ですか？ A: いいえ。各スウォッチは 1 つの色相バケットの加重平均です。センサーノイズが除かれ、実際に使える色になります。

Q: 白黒画像はどう扱われますか？ A: 無彩色に近い色は暗いグループと明るいグループに分けられるため、白黒写真では散らばった色相ではなくグレーが返ります。

Q: 透明度は結果に影響しますか？ A: アルファ値が低い画素は除外されるため、PNG の透明部分が色として拾われることはありません。