特定座標ピクセル色確認 (スポイト)

特定座標ピクセル色確認 (スポイト)

ローカル処理

指定したX座標・Y座標の位置にあるピクセルの正確なHEXコード、RGB値、透明度 (アルファ) を取得します。

使い方と処理基準

指定したX座標・Y座標の位置にあるピクセルの正確なHEXコード、RGB値、透明度 (アルファ) を取得します。

ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。

処理制限

  • デスクトップ最大ファイルサイズ: 40MB
  • モバイル最大ファイルサイズ: 20MB

ロゴやデザインカンプの正確な色を知りたいときに使います。座標を入れると、その1ピクセルの色を複数の表記で表示します。

JPGは圧縮のため、同じ色の範囲でもピクセルごとに少しずつ違うことがあります。

できること

座標の指定
左上(0, 0)基準でx・yのピクセルを読みます。
複数の表記
HEX・RGB・HSLで表示します。

特定座標ピクセル色確認 (スポイト)の使い方

  1. 1
    画像を選択色を取る画像を選びます。
  2. 2
    座標を入力x・yを入れます。
  3. 3
    コピーカラーコードをコピーします。

活用例

ロゴの色を取る
入力: ロゴ画像、x 10、y 10
結果: そのピクセルのHEX・RGB・HSL

主な利用シーン

  • デザインカンプからブランドカラーのコードを取るとき
  • スクリーンショットのボタンの色を確認するとき

よくある質問 (FAQ)

写真はサーバーにアップロードされますか?

いいえ。画像はこのブラウザ内だけで処理し、どこにも送信しません。

このツールへのご意見・ご要望はありますか? 提案・お問い合わせ →