画像カラーピッカー
画像
画像をドロップまたは選択し、マウスオーバーでカーソル下の色をプレビュー、クリックでパレットに保存。直近 12 件の色をページに残してワンクリックでコピーできます。ロゴ色のマッチング、写真からパレット作成、スクリーンショットの色味抽出に便利。すべて Canvas getImageData によりローカル処理。
—
使い方
- 画像をドロップ、またはボックスをクリックして選択。
- 画像にマウスを乗せるとカーソル下の色がプレビュー。
- クリックで下のパレットに保存。
- 保存した色は隣のボタンでコピーできます。
よくある質問
- デザインツールと色が少し違う
- ブラウザは画像デコード時にカラープロファイル（sRGB 変換）を適用することがあります。画素単位で正確にしたい場合は元画像を素の sRGB で保存し、カラーマネージドな形式を避けてください。
- 透過 PNG でも動く？
- 動きます — 完全透過の画素は背景に敷かれた色を返します。ピッカーは画像ビットマップの生 RGB 値を読みます。
- 画像はアップロードされる？
- いいえ。Canvas getImageData をローカルで使用。外部ドメインの画像は CORS でブロックされる場合がありますが、端末からアップロードしたファイルは常に同一オリジンです。
- なぜ 12 件まで？
- パレットを見やすく保つためのソフトリミット。必要分を抽出 → コピー → クリアして再開してください。