画像の色分析

ピクセルの色を確認

座標で元画像のピクセルを指定し、1 ピクセルずつ移動しながら色と透明度を確認できます。

画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。

このツールについて

画像、スクリーンショット、ピクセルアートの正確な位置を確認するためのツールです。直接クリックする方法に比べ、座標を入力すると同じ元ピクセルを確実に指定できます。

使い方

  1. 画像を選択し、向き補正後のプレビューを確認してください。
  2. 0 始まりの X・Y 座標を整数で入力し、「ピクセルを読み取る」を押してください。
  3. 方向ボタンで 1 ピクセルずつ移動するか、プレビューをクリックして位置を選んでください。
  4. 拡大鏡、カラーコード、Alpha を確認し、必要な結果をコピーしてください。

対応形式

  • PNG、JPG/JPEG、静止画 WebP に対応します。画像は 1 回に 1 枚ずつ選択またはドラッグしてください。
  • 最大 100 MiB・4000 万ピクセル、各辺 16384 ピクセルまでです。大きな画像は多くのメモリーを使うため、端末の性能に合った画像を選んでください。

結果の見方

  • 左上の座標は (0, 0) です。幅 100、高さ 100 の画像で最後の有効な座標は (99, 99) です。
  • X の最大値は幅−1、Y の最大値は高さ−1 です。負数、小数、範囲外の座標はエラーになります。
  • 向き補正後の原寸画像のピクセルを読み取ります。縮小プレビューや分析用サンプルは使いません。
  • 透明度は Alpha 値で表示します。完全に透明なピクセルでは、RGB 値が見える色を表さないことをお知らせします。

座標と画像の向き

  • 右へ進むと X、下へ進むと Y が増えます。スマートフォン写真は、読み取れる向き情報に従って表示してからこの座標系を使います。
  • プレビューのマーカーと拡大鏡は現在選択中の元ピクセルに対応し、縁、透明部分、隣接する色を続けて確認できます。

プライバシー

画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。

入力や結果を自動保存しません。クリアしたりページを離れたりする前に、必要な内容をコピーまたはダウンロードし、元画像も残してください。

よくある質問

ピクセルの座標が 0 から始まるのはなぜですか?

0 始まりの座標を使い、左上を (0, 0) とします。そのため最大座標は幅と高さよりそれぞれ 1 小さくなります。

100×100 の画像で (100, 0) を読み取れますか?

いいえ。有効な X と Y はどちらも 0~99 です。(100, 0) は右端の外になります。

元画像と縮小プレビューのどちらを読み取りますか?

向き補正後の原寸画像のピクセルを読み取ります。プレビューは位置選択用で、色の取得に元画像の代わりとして使うことはありません。

Alpha が 0 のピクセルに RGB 値があるのはなぜですか?

デコード後のピクセルに RGB 値が残ることがありますが、Alpha が 0 なら完全に透明です。そのため、これらの値は画面上で見える色を表しません。

ツールのカテゴリ一覧に戻る