画像から色を抽出
写真のピクセルをクリックして正確な HEX・RGB・HSL 値を取得。アップロード不要。
使用例
ブランドカラー抽出
入力
ロゴ画像
出力
#ff6347 · rgb(255,99,71)
パレット作成
入力
インスピレーション写真
出力
複数ピクセルの HEX・RGB・HSL
このツールについて
この無料オンラインカラーピッカーは、画像のどの点からでも正確な色を抽出します — 写真を入れて任意のピクセルをクリックすると、hex コード・RGB・HSL 値が即座に得られます。すべてブラウザ内で動作し、アップロードは不要です。
使い方
- 画像を入れるか選びます(JPG・PNG・WebP・GIF・BMP)。
- 画像の任意の点をクリックしてそのピクセルの色を抽出します。
- hex コードをコピーするか、RGB・HSL 値を確認します。
- 複数の色を選びます — 最後の 10 色が下にスウォッチとして保存されます。
活用例
ロゴからブランドカラーを抽出、デザイン案件のために参考写真の色を合わせる、正確な塗料や製品の色を特定、インスピレーションを与える画像からパレットを作る — すべてブラウザを離れずに。
よくある質問
画像から色をどう抽出しますか?
画像を入れるか選び、どこでもクリックします。クリックしたピクセルの hex コード・RGB・HSL 値が即座に表示されます。
画像はサーバーにアップロードされますか?
いいえ。画像はブラウザの HTML キャンバスに描画されます。どのデータも端末を離れません。
どの色形式を表示しますか?
hex コード(例: #ff6347)、RGB 値(赤・緑・青 0〜255)、HSL 値(色相の角度、彩度 %、明度 %)を表示します。
hex コードをコピーできますか?
はい。hex コードの隣のコピーボタンをクリックするとクリップボードにコピーされます。
抽出した色は履歴に何個まで保存されますか?
最後に選んだ 10 色をスウォッチとして保持します。任意のスウォッチをクリックするとその色の値をまた見られます。
無料オンラインスポイトとして使えますか?
はい。任意の画像を入れて任意のピクセルをクリックし、正確な色を抽出できます。Photoshop・Illustrator・Figma のスポイトを置き換えるブラウザベースのツールです。
関連ツール