左上の赤を取得
入力と設定
合成2×1 PNG／左が赤、右が青／X=0・Y=0
期待する結果
#FF0000・rgb(255, 0, 0)・hsl(0, 100%, 50%)
画像カラーピッカー
画像を選び、クリックした場所の色や主な配色を調べてコピーできます。
使い方
- 色を調べる画像を選びます。
- 画像をクリックするか、座標を指定して色を選びます。
- 表示された色の値を確認してコピーします。
画像を選択
画像をコピーして、このページへ貼り付けることもできます。
ここへドラッグ＆ドロップもできます。
ファイルはこのブラウザ内で処理します。入力内容やファイル名を送信・保存しません。
詳細設定
結果
ツールを紹介
ツール名と公開URLだけを共有します。入力した内容や処理結果は含まれません。
このツールについて
ブラウザのsRGB表示を基準にします。印刷の色校正を保証するものではありません。配色は縮小画像からの近似です。
画像は1件134.2MB、1億2800万画素まで。処理に応じて縮小プレビューや逐次処理を使います。元画像からの色取得では展開メモリも確認し、処理できない場合はお知らせします。
選んだ1点の色と、代表色パレットは別の結果
全面が赤の画像なら、どこを選んでも#FF0000になり、代表色も赤が中心です。赤から青へのグラデーションでは、選ぶ位置で値が変わり、パレットは画像全体から近い色をまとめます。
- 半透明部分は画面上の見え方と元のRGBA値が異なる場合があります。
- カラープロファイルやディスプレイの校正までは行わないため、印刷色の保証には使えません。
入力例と結果の確認
画像座標と取得色の対応を、既知の赤・青2画素で確認します。
「この例を試す」を押すと、上の入力と設定が例の内容に切り替わり、処理を実行します。「元の入力へ戻す」は1回ごとに直前の入力と設定を復元します。複数の例を試した場合は、戻す操作を繰り返すと最初の入力へ戻れます。ページを閉じるとこの履歴は失われます。
右隣の青を取得
入力と設定
同じ2×1 PNG／X=1・Y=0。座標は0から数える。
期待する結果
#0000FF・rgb(0, 0, 255)・hsl(240, 100%, 50%)
結果の見方
座標は元画像の左上が(0,0)です。プレビューの表示倍率とは独立しています。HEX/RGB/HSLはブラウザでデコードしたRGB値で、アルファ値やICCプロファイルの数値そのものではありません。最近選んだ色と主要配色は別の一覧です。
対応範囲と注意点
JPEG/PNG/WebP1枚、128MiB・128メガピクセル・辺32,768pxまで。メモリ条件でより小さい画像が必要です。色管理・透明画素のデコードで数値が変わる場合があります。復元は元ファイル・入力座標・実際の選択位置・最近の色・主要配色を戻し、結果表示は再実行します。
既知RGBAから赤/青のHEX・RGB・HSLを独立照合。元ファイル全バイト、未適用の入力座標、色履歴とパレットの復元も確認します。
次の作業に使えるツール
よくある質問
元ファイルは変更されますか？
元ファイルは変更しません。結果は新しいファイルとして保存します。
ファイルはアップロードされますか？
ファイル処理はブラウザ内で行います。ページを閉じると作業内容は消えます。
選んだ色は印刷の色校正にも使えますか？
ブラウザーのsRGB表示を基準にした値で、印刷の色校正を保証しません。代表色パレットは縮小画像からの近似です。
関連ツール
入力と保存について
残したい内容は、先に保管してください。このツールの入力内容・結果は自動保存されません。ページの更新・終了や、入力を消す操作・リセットで失われる場合があります。
お気に入り・表示言語は作業データとは別に保存され、サイトデータの削除で失われる場合があります。端末に保存済みのファイルは、ツールのリセットやサイトデータの削除では消えません。