画像カラーピッカー — どんな画像からも HEX・RGB を取得
画像をドロップして任意のピクセルをクリックすると、その正確な色が読み取れます——HEX、RGB、HSL がそれぞれワンクリックでクリップボードへ。さらに画像の主要色パレットも自動抽出されるので、スクリーンショットも、商品写真も、夕焼けも、すぐ使える配色スキームに変わります。無料、ブラウザ内で完結、アップロードなし。
- できること
- ピクセルをクリック → HEX/RGB/HSL
- おまけ
- 主要色パレットを自動抽出
- 動作場所
- 100% ブラウザ内
- 料金
- 無料・無制限
スポイトツールだけを、エディター抜きで
どのデザインスイートにもスポイトツールはあります——起動画面とプロジェクトファイルと学習コストの向こう側に。このページはスポイトツールそのものだけです：HEX・RGB・HSL の正確なピクセル値、スウォッチ履歴、主要色パレットの自動抽出。すべてドロップした画像の上でローカルに動きます。週に 10 回はやってくる「あれ、何色？」という仕事には、いちばん短いツールが勝ちます。
画像から色を抽出する方法
画像からパレットまで 3 ステップ。
- 1
画像をドロップ
PNG、JPG、WebP、GIF——端末上で読み込まれ、主要色パレットが即座に表示されます。
- 2
任意のピクセルをクリック
正確な HEX・RGB・HSL 値が表示され、選んだ色はすべてスウォッチ履歴に追加されます。
- 3
コピーして使う
ワンクリックでどの値もスウォッチもコピー——CSS にも、デザインツールにも、AI プロンプトにも。
画像から HEX コードを取得——目分量ではなく正確に
色を目で見積もって「ライトティール HEX」と検索しても、近い色止まりです。実際のピクセルをクリックすれば、その数値そのものが手に入ります。このピッカーはクリックしたピクセルの真の値を読み取り——平均化も推測もなし——デザイナーと開発者が実際に貼り付ける 3 つの表記で同じ色を返します：CSS やデザインツールには HEX、コードには RGB、色相を変えずに明度をいじるには HSL。
- ピクセル単位の正確な読み取り — 値は画面キャプチャではなく画像データそのものから取得——ファイルが持っている値がそのまま手に入ります。
- HEX・RGB・HSL — 3 つの表記を同時に表示。どれをクリックしてもすぐクリップボードへ。
- 追いつく履歴 — 選んだ色はすべてスウォッチ列に並ぶので、候補の青 5 色を比べるのに再クリックは不要です。
どんな画像からも配色パレットを抽出——自動で
単一ピクセルにとどまらず、画像を読み込んだ瞬間に全体をスキャンして主要色をパレットとして表示します。「この写真の雰囲気が好き」から使える配色への最短ルートです：ブランド写真は資料のアクセントカラーに、競合のスクリーンショットは正確な UI パレットに、旅行の写真は結婚式のカラースキームに。スウォッチをクリックすれば HEX がコピーされます。
- 主要色をランク付き表示 — 画像で最も使われている色を領域ごとにきれいに平均化——単に目立つピクセルを拾うのではありません。
- コピーはワンクリック — 選んだ色も抽出された色も、クリックした瞬間に HEX コードがコピーされます。
- スクリーンショットに最適 — 任意のアプリやサイトのスクリーンショットに向ければ、それが組まれている正確なパレットを復元できます。
プライベートで、無料で、エディターを開くより速い
デザインスイートでも同じことはできます——スプラッシュ画面とプロジェクトファイルとスポイトツール探しの後なら。このページは画像が読み込まれる時間だけで済みます。しかも読み取りはブラウザの canvas 内で行われるため、画像はどこにもアップロードされません。未発表の商品写真、クライアントの案件、個人の写真——色だけ持ち帰り、画像はあなたのマシンに残ります。
- 何もアップロードされない — ピクセルの読み取りはローカルで完結。タブを閉じれば、画像のコピーはほかのどこにも存在しません。
- アカウント不要、制限なし — 何枚でも色を抽出できます——サーバーがないので、クォータもありません。
- 一般的な形式すべてに対応 — PNG、JPG、WebP、GIF——ブラウザが表示できる画像なら、ピッカーは読み取れます。
「あれ、何色？」と聞くのは誰か
このピッカーがブックマークされる 3 つの仕事。
デザイナーと開発者
ロゴやモックアップから正確なブランドカラーを復元し、任意のスクリーンショットから UI パレットを取り出せます。
クリエイターとマーケター
サムネイルの文字やストーリーズのステッカーを背後の写真と揃える——統一感はワンクリック先に。
プランナーとデコレーター
インスピレーション写真を、結婚式にも部屋にもリブランディングにも使える名前付き配色スキームに。
その他の無料画像ツール
この棚のツールはすべてブラウザ内で動作——無料、登録不要、何もアップロードされません。
よくある質問
よくある質問
ご質問はありますか？お気軽にどうぞ！
色は手に入った？次はその色で生成
ChatImg の AI にパレットを伝えれば、ブランドに合った画像が返ってきます——バナー、商品写真、壁紙、SNS 用アート、すべて今抽出した配色のままに。無料で始められます。