画像から色を抽出（無料）

このページに写真を置くか、スクリーンショットを貼ります。ルーペが欲しい色の上に来るまで動かし、クリックで固定し、HEX、RGB、またはHSLをコピーします。画像から色を抽出する作業に、アップロードもアカウントも要りません。平らなロゴは塗りの中央を1 pxで読みます。写真は3×3か5×5です。スマホではサンプルが指の少し上にあり、離すと固定します。プレビューは足したファイルそのもので、別の変換結果ではありません。拡張機能も入れません。幅が2,000 pxを超えたファイルは、その旨をページが書いてから、縮小コピーのコードを出します。GIFなら最初のフレームだけが対象です。

ピクセルを固定してから「HEXをコピー」を押します。形は #1A73E8 のような6桁です。RGBのコピーとHSLのコピーは、同じ色の別の書き方で、たとえば rgb(26, 115, 232) と hsl(214, 82%, 51%) です。画像から色コードを抽出するとき、ノイズの多い写真では先に5×5にしてください。1 pxのままだと、隣の画素へコードが飛びます。ここが渡す画像から色コードは、ブラウザが復号したsRGBの画素であり、色の名前でも、印刷のインク値でもありません。6桁の例は #1A73E8 で、三桁の省略形にはしません。RGBとHSLも、この同じ青なら rgb(26, 115, 232) と hsl(214, 82%, 51%) です。

画像から色コードが欲しいときは、ファイルを開き、点を固定し、HEXをコピーします。RGBとHSLは同じ色の別表記です。並びの色面をクリックしても、そのコードを固定できます。最大8色で、AIの配色でもブランドガイドでもありません。ウェブのアドレスを貼って、遠隔の画像から色コードを取ることはできません。保存したファイルを置いてください。HEICのままでは開けないので、先にJPGかPNGにします。

カラーピッカーとは、一点の色を読んでコードにする道具の呼び名です。英語では color picker from image と検索されます。このページでは同じ枠に着きます。辞書の実験器具でも、ペイントのメニュー解説でもありません。上の枠は、置いたファイルか貼ったスクリーンショットを読みます。写真を別の絵へ塗り替える機能ではありません。画面だけを吸う操作は、ChromeとEdgeの「画面から取る」に分けてあります。

このURLが、画像から色を抽出するサイトです。アプリのインストールは要りません。アプリを探していても、ここで扱うのはすでに持っているファイルだけです。ChromeでもSafariでも、同じ点線の枠です。登録は不要です。ファイルはサーバーへ上がりません。タブを閉じると、このページ上の写真は消えます。スマホのブラウザでも、パソコンでも、同じ読み取りです。

できません。画像から色を抽出しても、CMYKは取れません。画面の画素をCMYKに換算しても、印刷のプルーフにはなりません。紙とプロファイルを知っているアプリで変換してください。このページがコピーできるのはHEX、RGB、HSLです。校正刷りの4色は作りません。エディタの中のCMYK抽出の代わりにもなりません。

ページは、RGBの距離がいちばん近い英語のCSS名を出します。たとえば steel blue や tomato です。画像から色の名前を調べる検索でも、その名前は英語のままです。日本語へは翻訳しません。ブランド名でもありません。steel blue や tomato をCSSへ打っても、同じHEXには戻りません。貼るのはコードです。近い、という判定は、商標の色名を当てる検査ではありません。

要りません。カラーピッカー 拡張機能や、Windowsのデスクトップ版は、画面を読みます。このページは、ブラウザに置いたファイルか、貼ったスクリーンショットを読みます。ChromeとEdgeでは「画面から取る」も使えます。それはブラウザ自身の色取りで、モニタだけを見ます。上のファイルは読みません。拡張機能を入れなくても、ファイル側のHEXはコピーできます。

このページはPowerPointを開きません。パワポのスポイトは、スライド側のメニューです。Excel、Photoshop、ibis Paintでも、色を吸う道具の名前はスポイトです。それらのクリック手順は書きません。書き出したJPGやPNGがあるなら、そのファイルをここに置いてコードをコピーできます。スポイトという単語だけを検索すると、実験器具や100均の滴下瓶がほとんどです。この見出しは「画像から色を抽出」であり、実験用のスポイトの商品ページではありません。

このページはibis Paintを開きません。アイビスペイントのスポイトは、あの描画アプリの中の操作です。キャンバスに描いている最中の色を、こちらから吸うことはできません。書き出して保存した画像なら、そのファイルをここに置いてください。ルーペは、そのファイルの実ピクセルを見せます。アプリのショートカット一覧は、このURLの仕事ではありません。

できません。Excelで画像から色を抽出するのは、セルや図の色を吸う操作です。このページはExcelを開かず、吸った値をセルへ書き込みません。すでに保存した写真からコードが要るなら、そのJPGかPNGをここに置いてHEXをコピーし、必要なセルへ自分で貼ってください。表計算のメニュー手順は書きません。

無料です。アカウントも、試用も、コードへの透かしもありません。読み取りは、すでに開いているタブで起きます。HEX、RGB、HSLのどれをコピーしても、料金の壁はありません。画像から色を抽出するサイトとして、登録してからボタンが有効になる、ということはありません。タブを閉じれば、このページ上の写真は消えます。

アップロードされません。ブラウザがこの端末でファイルを復号し、画素を読みます。一点を読むためにも、並びを作るためにも、サーバーへは送りません。タブを閉じると消えます。読み取りはアカウントに紐づきません。ウェブのアドレスをこちらが取りに行くこともありません。手元のファイルを置いてください。

貼れます。画面をコピーし、このページをクリックして貼ります。パソコンではCtrl+Vまたは⌘Vです。スマホで貼り付けが出ないときは、ファイル選択を使います。チャットアプリがすでに圧縮したキャプチャも、画素のまま読みます。消えたブランド色を、このページが復元することはありません。貼った絵が、報告するファイルです。

写真とJPEGは、空やシャツを一つの平らなコードでは保存しません。隣のピクセルが違います。目には同じ面でも、二回クリックするとHEXが二つ出ることがあります。小さい範囲を平均するなら3×3か5×5です。ロゴでは1 pxのまま、平らな塗りの中央をクリックします。縁ではありません。差はファイルにあります。二度目のクリックが、一度目を壊したのではありません。

使えます。サンプルは指の少し上にあり、指を離すと色が固定します。印が小さいときは2×か4×にして、写真をドラッグして移動します。とても大きい写真は、タブが使えるように2,000 pxのコピーからサンプルし、そうなったときはページがそう書きます。コードはそのコピーに従います。別アプリは要りません。SafariでもChromeでも、同じ枠です。貼り付けが出ない端末では、ファイル選択からJPGかPNGを足します。指の下を読まないのは、爪で点を隠したまま暗いコードを固定しないためです。

ファイルがカラープロファイルを持っていることがあります。Photoshopは、そのプロファイルの中の数値を見せることがあります。Display P3や印刷プロファイルが典型です。このページは、ブラウザがファイルを復号したあとのsRGBの画素を読みます。CSSやFigmaに貼る値はこちらです。スクリーンショットはさらに先で、すでにモニタの画素です。どちらの読みもCMYKの校正刷りではありません。二つの数字が違うとき、貼る先に合うほうを使ってください。このページはプロファイルを取り消せません。スクリーンショットはさらにモニタの画素なので、Photoshopのプロファイル値とも、元ファイルのsRGBとも、すでに一段ずれていることがあります。

できません。この抽出は、写真を塗り替えず、色を反転せず、一つの色を別の色に取り替えません。それが要るときは、同じサイトの別ページ「画像の色を変える」です。ここでは、指した点のコードを取るだけです。写真をトリミング、画像ぼかし、画像モザイク、画像を分割、画像を結合、画像圧縮も、HEXは渡しません。仕事が新しい絵なら、コードのページではありません。画像の色を変えるは色相やティントのページであり、ここで吸ったHEXを自動で写真全体へ塗る機能もありません。

取れません。ほかのサイトに置かれた画像は、このタブから読めないことが多く、取りに行くためにファイルをサーバーへ上げることもありません。画像を保存してから、そのファイルを置いてください。JPG、PNG、WebP、GIF、BMP、AVIFです。HEICでも、TIFFでも、PDFでもありません。アドレス欄のURLを貼っても、画素は出ません。画像の直リンクでも同じです。ブラウザが他サイトの画素を読めない制限を、アップロードで迂回することはありません。