画像カラーピッカー
座標を入力して、画像内の任意のピクセルの正確な色、または長方形領域の平均色を取得できます。EXIF回転適用後の画像から測定するため、座標は画面上の見た目と一致します。結果には16進数、RGB、HSLの各値とアルファ値が含まれます。ブランドカラーを合わせるデザイナー、モックアップから値を取り出す開発者、スクリーンショットの色を確認したい方に便利です。
よくある質問
座標はどのように指定しますか？
Xは左端から、Yは上端からピクセル数を数え、どちらも0から始まります。左上のピクセルは0, 0です。1920×1080の画像では、右下のピクセルは1919, 1079です。座標はEXIFの向きを適用した表示状態の画像を基準に測定します。
領域の平均色を取得するにはどうすればよいですか？
幅と高さに1より大きい値を入力してください。ツールはXとYを開始点として、右下に広がる長方形内のすべてのピクセルを平均します。長方形全体が画像内に収まっている必要があります。
どのカラー形式が返されますか？
色は16進数コード、0から255までのRGB値、色相を度数、彩度と明度をパーセントで表すHSL値で返されます。アルファ値は、完全な透明を示す0から完全な不透明を示す1までの範囲です。
領域内の透明度はどのように処理されますか？
各ピクセルは不透明度に応じて計算されるため、透明なピクセルが色を黒に近づけることはありません。報告されるアルファ値は領域の平均不透明度です。領域全体が完全に透明な場合は、黒とアルファ値0が報告されます。
ピクセルの座標を調べるにはどうすればよいですか？
多くの画像編集ソフトやスクリーンショットツールでは、カーソル位置がピクセル単位で表示されます。まず画像情報ツールで画像サイズを確認し、XとYの有効範囲を把握してください。
対応形式は？
JPEG、PNG、GIF、WebP、TIFF、AVIFの画像に対応し、ファイルサイズは5 MBまで、各辺のピクセル数は4000までです。アニメーション画像は最初のフレームから読み取ります。
エディターと色が異なるのはなぜですか？
読み取り前に画像をsRGBに変換するため、Display P3またはCMYKプロファイルの写真は、対応するsRGB値で報告されます。ファイル本来の色空間で値を表示するエディターや、初期設定でより広い領域をサンプリングするエディターでは、数値がわずかに異なります。JPEGの圧縮によっても、隣接するピクセルの値に多少の差が生じます。
座標が画像の範囲外の場合はどうなりますか？
色の代わりに画像サイズを示すメッセージが返されます。XとYには0から3999までの整数を指定でき、幅と高さには1から4000までの整数を指定できます。
一度に複数の色を取得できますか？
1回のリクエストで読み取れるのは1点または1領域です。画像全体の主な色を知りたい場合は、各色の占める割合を含むパレットを返す画像の代表色ツールを使用してください。
16ビット画像でも色は正確ですか？
16-bit PNGおよびTIFFファイルは、読み取り前にチャンネルあたり8ビットに縮小されるため、CSSやデザインツールで使われる通常の0〜255のスケールで値が報告されます。縮小時には各値が最も近い8ビットレベルに丸められるため、16進コードはブラウザーで表示されるものと一致します。