特定座標ピクセル色確認 (スポイト)
ローカル処理指定したX座標・Y座標の位置にあるピクセルの正確なHEXコード、RGB値、透明度 (アルファ) を取得します。
使い方と処理基準
指定したX座標・Y座標の位置にあるピクセルの正確なHEXコード、RGB値、透明度 (アルファ) を取得します。
ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。
処理制限
- デスクトップ最大ファイルサイズ: 40MB
- モバイル最大ファイルサイズ: 20MB
ロゴやデザインカンプの正確な色を知りたいときに使います。座標を入れると、その1ピクセルの色を複数の表記で表示します。
JPGは圧縮のため、同じ色の範囲でもピクセルごとに少しずつ違うことがあります。
できること
- 座標の指定
- 左上(0, 0)基準でx・yのピクセルを読みます。
- 複数の表記
- HEX・RGB・HSLで表示します。
特定座標ピクセル色確認 (スポイト)の使い方
- 1画像を選択色を取る画像を選びます。
- 2座標を入力x・yを入れます。
- 3コピーカラーコードをコピーします。
活用例
ロゴの色を取る
入力: ロゴ画像、x 10、y 10
結果: そのピクセルのHEX・RGB・HSL
主な利用シーン
- デザインカンプからブランドカラーのコードを取るとき
- スクリーンショットのボタンの色を確認するとき
よくある質問 (FAQ)
写真はサーバーにアップロードされますか?
いいえ。画像はこのブラウザ内だけで処理し、どこにも送信しません。
