画像の色抽出
写真の代表的な色をHEX・RGBから抽出し、パレットを保存してください。写真をクリックするか、元の座標を入力して特定のピクセルの色を確認します。
結果
入力後、実行すると結果が表示されます。
結果のテキスト
結果を共有
ツールリンクと結果テキストを一緒に共有します。結果にはURLを入れません。以下の内容を確認して共有してください。
写真・入力値は保存したりアップロードしたりしません。再読み込み・ページ移動前に結果を保存してください。
処理方法と基準
写真の縮小サンプルでよく見られる色域と元のピクセル色を確認するツールです。
実際の例
左側が赤、右側が青の例画像では #FF0000 #0000FF の代表色になります。画像の左側のピクセルを押すか、X=0, Y=0を確認すると RGB 255, 0, 0を読み取ることができます。
よくある質問
代表色は正確な全色のリストですか？
一辺256px以下に縮小したサンプルをRGB各16段階の区間に分け、頻度が高い最大5・8・12区間の平均色を表示します。全色リストや元の解像度別統計ではなく、近似パレットです。選択した区間の比率合計は100%ではありません。
特定の位置の色はどのように確認しますか？
写真から色選択を開いて写真をクリックするか、元の座標を入力してください。左上はX=0, Y=0です。ブラウザが読んだピクセルのHEX・RGB・不透明度を表示します。色プロファイルとブラウザの処理により、元のファイルの色定義と異なる場合があります。
透明な写真と結果の保存はどのように処理されますか？
代表色は不透明度が50％未満のピクセルを除外します。特定のピクセルには不透明度も表示します。代表パレットはPNG・JSON、個別色はHEXを提供し、写真は保存したりアップロードしたりしません。
計算基準と参考資料
- MDN — Canvasピクセルの読み込み
ブラウザで読み取った画像のピクセルと色空間