画像をアップロードし、移動またはクリックで正確なピクセル座標と色を読み取ります。ホットスポット、UI 配置、スライス位置、デザイン引き渡しに最適—すべてローカル処理。
intro.image_coords.p2_blog intro.image_coords.p2_link
オンラインで画像の任意位置からピクセル座標と色を取得
画像の任意の点からピクセル座標と色コードを取得。
画像をここにドラッグするか、クリックして選択
画像
画像上で移動するとプレビュー、クリックで記録します。
座標情報
X 0
Y 0
元の幅 0
元の高さ 0
HEX： #000000
RGB： rgb(0, 0, 0)
HSL： hsl(0, 0%, 0%)
座標 (0, 0)
| # | X | Y | 色 | 操作 |
|---|
画像をクリックして座標を記録
Other tools you may like
画像座標ピッカーの使い方
- 画像をアップロード（ドラッグ＆ドロップまたはクリック）
- 画像上でマウスを動かし、X/Y と色をリアルタイムプレビュー
- クリックで点をマークし、座標と色を記録
- X、Y、RGB、HEX、HSL または座標ペアをワンクリックでコピー
- 完了後、すべてコピーまたは記録をクリア
よくある質問
- 座標は表示サイズか原画像素か？ 実際のピクセルサイズを使用します。
- デザインファイルと色が少し違う？ 圧縮やカラープロファイルの影響の可能性があります。
- 座標記録をコピーできる？ 個別または一括コピーに対応。
注意:
- 対応形式：JPG、PNG、WebP、GIF
- 座標は原画像のピクセルグリッドで計算
- クリックすると画像上にマーカーが表示されます
- サーバーに保存されません。更新でデータは消えます。