任意の画像をアップロードし、任意のピクセルをクリックすると、その正確な色のHEXに加え、RGB、HSL、最も近いCSS命名色が返されます。スクリーンショットからブランドカラーを合わせたり、写真から塗料の色を特定したり、壁紙の空の正確な色合いを取得するのに便利です。
なぜ画像からピックするのか（目視と比較して）
「青っぽい」と言っても100種類の青が存在します。ピッカーは実際のピクセル値を読み取るため、正確なHEXをCSS、デザインツール、塗料店のアプリに貼り付けられます。ズームとパンで細部（ポートレートの目の色、布地のパターンの糸など）をターゲットにできます。
ピッカーが報告する内容
- HEX: CSS、Figma、Photoshopに貼り付け可能。
- RGB: 10進チャンネルを必要とするツール向け。
- HSL: ピックしたベースから調整するため。
- 最も近いCSS命名色: 'cornflowerblue'、'salmon'など。簡単な参照に便利。
- 明るさとコントラストのヒント: 輝度に基づいて「白いテキストと組み合わせるのが最適」または「暗いテキストを使用」。
ワークフローのヒント
- ブランドカラーマッチング: ブランドアセット（ロゴ、ウェブサイトのスクリーンショット）をアップロードし、色をクリックして、HEXをスタイルガイドに貼り付けます。
- ムードボードの色調: 領域の周りの数ピクセルをサンプリングして雰囲気を把握します。または、自動で主要5〜10色を抽出するパレット抽出ツールを使用します。
- 塗料マッチング: 壁の写真をサンプリングし、HEXを塗料ブランドのアプリ（Sherwin Williams、Benjamin MooreなどはすべてHEX検索に対応）で調べます。
他の形式に変換
HEXを取得したら、カラーコンバーターでCMYK（印刷）、パントーン参照、HSL調整に変換できます。
よくある質問
透明PNGでも機能しますか？
はい — 透明な領域を選択すると「透明」が返され、それ以外の場合は表示画素値が得られます。
JPEG圧縮によるアーティファクトについては？
選択した値は表示ピクセルを反映します。JPEGは色を量子化するため、隣接するピクセルがわずかに異なる場合があります。安定した値を得るには、複数のピクセルをサンプリングしてください。
一度に複数のピクセルをサンプリングできますか？
クリック→保存→もう一度クリックします。または、<a href='/tools/color-tools/palette-extractor/'>パレット抽出機能</a>を使用して自動的に主要なセットを取得します。
さまざまなカラープロファイルに対応していますか？
sRGBを前提としています。広色域画像（P3、Adobe RGB）は表示時にsRGBに変換されるため、ピッカーはsRGB値を読み取ります。
画像サイズの上限は？
25MBです。大きな画像は表示用に縮小されますが、選択は元の画像に対して行われます。
URLをファイルの代わりにアップロードできますか？
プレミアムアカウントでは、画像URLを直接貼り付けることができます。
スクリーンショットでも動作しますか？
はい — スクリーンショットが最も一般的な使用例です。キャプチャしたアプリやウェブサイトの任意のピクセルをクリックしてください。
画像は保存されますか？
匿名アップロードは24時間以内に削除されます。サインインしてアップロードした画像は、あなたのライブラリに保存されます。
概要 画像から色をピック
画像から色をピック Wallpapers.comの無料オンラインツールで、ブラウザ上で完結 — インストール不要、透かしなし、初回はメール登録不要。
任意の画像上の任意のピクセルをクリックして、HEX、RGB、HSL値を読み取ります。
使い方 画像から色をピック
- スウォッチから色を選ぶか、HEX/RGB値を貼り付け。
- 出力を調整 — パレット、コントラスト、補色
- 値をコピー、またはスウォッチをJSONとしてエクスポート
使用するタイミング
一般的なユースケース:
Webアップロード、eコマース出品、フォーマット制限のあるソーシャルメディアプラットフォーム向けの画像準備、およびデバイスやアプリ間のファイル変換
Free vs Premium
すべての訪問者は無料トライアルを利用可能。サインイン済みの無料ユーザーはより高い日次クォータを取得。購読する
プレミアム
無制限の実行、1ジョブあたり最大200画像の一括処理、優先キュー、広告なしブラウジング
関連ツール
少し違うものをお探しですか？試す
パレット抽出ツール
,
グラデーションジェネレーター
または
グレースケール変換ツール
— or browse all
カラーツール ツール.
