タスクの道筋 / 入力から結果へ
正確なピクセルから色を拾う方法
- 01
画像を選択する
「ファイルを選択」を選び、12 MiB までの PNG、JPEG、WebP を開きます。片側 8,192 ピクセル、合計 24,000,000 ピクセルまでです。画像はこのタブ内で開かれるだけで、アップロードはされません。
- 02
座標を設定する
「ピクセル X」と「ピクセル Y」に整数のピクセル値を入力します。左端と上端は 0 始まりです。ワークスペースのヒントにあるとおり、ソースプレビューをクリックすれば両方の座標を一度に設定できます。
- 03
ピクセルを読み取る
「ピクセルを選択」を押します。デコード後の画像の指定座標を 1 × 1 の Canvas に描き、RGBA を読み取ります。周囲の座標は平均しません。ブラウザのデコードや Canvas の色・アルファ処理により、元ファイルの符号化された値と異なることがあります。範囲外の座標は描画前に拒否されます。
- 04
色をコピーする
結果にはサンプルした Canvas ピクセルの HEX、rgb()、rgba() が表示されます。スウォッチを押してコピーされるのは透明度を含まない HEX のみです。rgba() とほかの値を残すにはテキスト欄を使うか、小さなテキストファイルをダウンロードしてください。