画像のスポイト（ピクセルの色取得）

お使いの端末にある画像から、ピクセル1つの色を読み取ります。PNG・JPEG・WebPファイルを選んで横と縦のピクセル座標を指定すると、不透明なRGB HEXコード、取得したアルファのバイト値、その透明度を保ったカラー見本が得られます。ファイルは端末の外へ送信されず、ブラウザー内だけで処理されます。

使い方

1. 25 MiB以下、デコード後1,600万ピクセル以下の対応画像を1枚選びます。
2. 左端からのXと上端からのYを、0から始まる値で入力します。
3. 計算して、RGB値とアルファの両方を確認します。
4. 参考用の画像が必要なら、カラー見本をダウンロードします。

計算式

RGBA = (x, y)のキャンバスピクセル；アルファの割合 = アルファのバイト値 ÷ 255

座標は、ブラウザーが向きを処理したあとのデコード済み画像を、元のピクセルサイズで見たときの値です。HEXにはRGBチャンネルだけが表示され、その色が背景とどう混ざるかはアルファ値で決まります。

計算例

160×100の画像では、右下のピクセルは(159, 99)です。そのRGBAバイト値が255, 0, 0, 128なら、RGB HEXは#FF0000、アルファは128/255 ≈ 0.501961です。

座標の範囲

Xはデコード後の幅より小さく、Yは高さより小さくする必要があります。右端や下端の境界上、またはその外側の座標は、画像の外にある透明なピクセルを読み取らないよう、受け付けられません。