画像カラーピッカー 💉

画像カラーピッカーについて

この画像カラーピッカーはすべてブラウザ内で完結します。画像をドロップまたは選択し、キャンバス上でマウスを動かすと、カーソル下のピクセルの色をリアルタイムにプレビューします。画像の任意の場所をクリックすると、そのピクセルの色を取得します。現在のピクセルスウォッチはマウス移動に合わせて更新され、取得した色スウォッチは最後のクリック時の値を保持し、RGB と HEX の両方を表示します。HEX コピーまたはRGB コピーで値をクリップボードへ送れます。アップロードは一切なく、JavaScript によりローカルで処理されます。

使い方

1. ドロップゾーンをクリックするか、画像ファイルをドロップします。
2. キャンバス上でマウスを動かすと、現在のピクセルスウォッチがカーソルに追従します。
3. クリックするとピクセルの色を「取得した色」パネルに取り込みます。
4. HEX コピーまたはRGB コピーで値をコピー、クリアでやり直せます。

よくある質問

HEX 値はどう計算されますか？ 各チャンネル値を 2 桁の 16 進数文字列に変換して結合します：# + RR + GG + BB。

色がわずかにずれるのはなぜ？ キャンバスのピクセルデータは画像に保存された RGB 値を使用します。カラーマネジメント、画像スケーリング、ディスプレイプロファイルにより画面表示と異なる場合があります。

画像はアップロードされますか？ いいえ。すべての処理はローカルブラウザで行われ、画像がデバイスから外に出ることはありません。

複数の色を取得できますか？ ツールは直近の取得のみ保持します。クリックごとにHEX コピーを使えば、順次保存できます。