3BearLabs3Bear Tools
画像

画像カラーピッカー:HEXとRGBを取得

写真をアップロードしてピクセルをクリックし、色をHEXまたはRGBでコピーできます。

ブラウザ内で処理します — ファイルはこの端末から出ません。

画像カラーピッカー

画像をアップロードしてクリックするだけでカラーコードを抽出できます。

使い方

  1. お使いの端末から画像をアップロードします。
  2. 写真上の好きな位置をクリックして、その地点の色を取得します。
  3. 表示されたHEXまたはRGBの値をコピーします。別の画像を使う場合は画像を削除してやり直します。

画像カラーピッカーは、クリックしたピクセルそのものの色を読み取ります。写真をキャンバスに描画し、そのピクセルの赤・緑・青の値を取得して、#4F46E5 のようなHEXコードと rgb(79, 70, 229) のようなrgb()形式で表示します。それぞれにコピーボタンがあります。

ページに収めるため、画像は幅が最大600ピクセル(狭い画面ではそれ以下)に縮小され、色はこの表示用のコピーから読み取ります。単色の部分では違いはありませんが、細部やノイズの多い写真では、1ピクセルが隣のピクセルとわずかに異なることがあります。領域の代表的な色が必要な場合は、近くの数か所をクリックしてみてください。

このツールは1点を選ぶもので、パレットを自動生成することはありません。JPG、PNG、WebPなど、ブラウザで表示できるファイルの色を読み取れます。

画像は端末から読み込まれ、ブラウザ内で描画されます。サーバーにはアップロードされません。

よくある質問

どの形式で取得できますか?

HEXとRGBです。それぞれにコピーボタンがあります。

パレット全体を抽出できますか?

いいえ。クリックしたピクセルの色を1つずつ取得します。

色が想定と少し違うのはなぜですか?

画像は縮小して表示され、写真にはノイズがあるため、隣り合うピクセルの色が異なることがあります。数か所クリックして比べてみてください。

どんな画像が使えますか?

JPG、PNG、WebPなど、ブラウザで表示できる画像ファイルです。

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

いいえ。画像はブラウザ内にとどまります。

関連ツール