XTools ロゴ
XTools
Blog
/
カラーコード変換コントラストチェッカーグラデーション作成画像からパレット抽出配色パレット生成色覚シミュレーター画像カラーピッカー

© 2026 XTools. 無断複写·転載を禁じます。

プライバシーポリシーお問い合わせ

    画像カラーピッカー

    画像を拡大して任意のピクセルの色を正確に取得
    • ファイルは端末の外に出ません
    • ブラウザ内で処理
    • 無料・登録不要・透かしなし

    画像をここにドロップ、またはクリックして選択

    対応形式:JPG、PNG、WebP、GIF、HEIC、AVIF · Ctrl+V / ⌘V で貼り付けることもできます

    取得した色

    画像をクリックすると色を取得します。取得した色はコピーされ、ここに残ります。

    関連ツール

    • カラーコード変換
    • コントラストチェッカー
    • グラデーション作成
    • 画像からパレット抽出
    • 配色パレット生成
    • 色覚シミュレーター

    画像カラーピッカーの使い方

    最大 6400% のズーム、ピクセルグリッド、ルーペで画像のピクセル色を正確に取得します。色は HEX でコピーされ、RGB・HSL・OKLCH でも表示。3×3 や 5×5 の平均でノイズも抑えられます。

    1. 1

      画像(JPG・PNG・WebP・GIF・HEIC・AVIF)をドロップするか、クリックして選びます。

    2. 2

      スクロールやピンチでズームし、ドラッグで移動します。「全体を表示」と 1:1 で表示を戻せます。

    3. 3

      カーソルを合わせるとルーペでピクセルを確認できます。「サンプル範囲」(1 px・3×3・5×5)を選び、クリックして取得します。

    4. 4

      HEX はすぐにコピーされます。RGB・HSL・OKLCH はサイドパネルからコピーでき、これまでの色は「取得した色」に残ります。

    よくある質問

    画像はアップロードされますか?

    いいえ。画像はブラウザ内で読み込まれます。取得した色の HEX(最大 48 件)だけがローカルストレージに保存され、再読み込みしても残ります。「履歴を消去」で削除できます。

    隣り合うピクセルの色が少しずつ違うのはなぜですか?

    写真にはセンサーのノイズや JPEG の圧縮ノイズがあるためです。「サンプル範囲」を 3×3 か 5×5 にすると、カーソル周辺の平均色を取得できます。

    画像の外の色も取得できますか?

    Chrome や Edge など Chromium 系ブラウザでは、「画面から取得」で画面上の好きな場所の色を取得できます。ほかのブラウザではボタンが表示されません。

    キーボードでも操作できますか?

    できます。画像エリアにフォーカスし、矢印キーでカーソル移動(Shift で 10 px ずつ)、Enter で取得、+ と − でズーム、0 で全体表示です。

    「画像からパレット抽出」との違いは?

    このツールは指定したピクセルの正確な色を取得します。「画像からパレット抽出」は画像全体を数色の代表色にまとめます。