RUNWEBTOOLS
日本語

画像から色を抽出

写真のピクセルをクリックして正確な HEX・RGB・HSL 値を取得。アップロード不要。

画像を選択ブラウザ内で処理 — アップロードなし

使用例

ブランドカラー抽出

入力

ロゴ画像

出力

#ff6347 · rgb(255,99,71)

パレット作成

入力

インスピレーション写真

出力

複数ピクセルの HEX・RGB・HSL

このツールについて

この無料オンラインカラーピッカーは、画像のどの点からでも正確な色を抽出します — 写真を入れて任意のピクセルをクリックすると、hex コード・RGB・HSL 値が即座に得られます。すべてブラウザ内で動作し、アップロードは不要です。

使い方

  1. 画像を入れるか選びます(JPG・PNG・WebP・GIF・BMP)。
  2. 画像の任意の点をクリックしてそのピクセルの色を抽出します。
  3. hex コードをコピーするか、RGB・HSL 値を確認します。
  4. 複数の色を選びます — 最後の 10 色が下にスウォッチとして保存されます。

活用例

ロゴからブランドカラーを抽出、デザイン案件のために参考写真の色を合わせる、正確な塗料や製品の色を特定、インスピレーションを与える画像からパレットを作る — すべてブラウザを離れずに。

よくある質問

画像から色をどう抽出しますか?

画像を入れるか選び、どこでもクリックします。クリックしたピクセルの hex コード・RGB・HSL 値が即座に表示されます。

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

いいえ。画像はブラウザの HTML キャンバスに描画されます。どのデータも端末を離れません。

どの色形式を表示しますか?

hex コード(例: #ff6347)、RGB 値(赤・緑・青 0〜255)、HSL 値(色相の角度、彩度 %、明度 %)を表示します。

hex コードをコピーできますか?

はい。hex コードの隣のコピーボタンをクリックするとクリップボードにコピーされます。

抽出した色は履歴に何個まで保存されますか?

最後に選んだ 10 色をスウォッチとして保持します。任意のスウォッチをクリックするとその色の値をまた見られます。

無料オンラインスポイトとして使えますか?

はい。任意の画像を入れて任意のピクセルをクリックし、正確な色を抽出できます。Photoshop・Illustrator・Figma のスポイトを置き換えるブラウザベースのツールです。

関連ツール