COLOR PICKER TOOL

画像カラー取得

画像をクリック・タップするだけで、 その場所のHEX・RGBカラーを取得。 最近選んだ色や画像の主要カラーも確認できます。

無料 登録不要 最大30MB ブラウザ内解析
1

画像を選ぶ

2

色を取りたい場所を選ぶ

PCでは画像をクリック、 スマートフォンではタップしてください。 選択した位置の色を下に表示します。

まず画像を選択してください。
3

色を確認する

HEX #000000
RGB rgb(0, 0, 0)
X 0 / Y 0
画像の色を調べたい場所をクリックまたはタップしてください。
4

取得した色を見る

最近取得した色

この画像の主要カラー

画像全体を簡易解析し、 よく使われている色を最大6色まで抽出します。

解析中...
🔒 画像はブラウザ内で解析され、ToolDockのサーバーへ送信されません。

画像カラー取得の使い方

  1. 色を調べたい画像を選択します。
  2. 画像上の調べたい場所をクリックまたはタップします。
  3. 選択した位置のHEX・RGBカラーを確認します。
  4. 必要な値をコピーボタンでコピーします。

HEXとRGBとは

HEXは「#2563EB」のように、 Webサイトやデザインツールでよく使われる色の表記方法です。

RGBは赤・緑・青の強さを 「rgb(37, 99, 235)」のように数値で表します。

主要カラーについて

画像全体を縮小して色をグループ化し、 使用頻度の高い色を簡易的に抽出しています。

写真のように色数が多い画像では、 実際のデザイン上の「テーマカラー」と完全に一致するとは限りません。

よくある質問

スマートフォンでも色を取得できますか?

はい。 画像の調べたい場所を指でタップすると、 その位置の色を取得できます。

同じ画像から何色も取得できますか?

はい。 画像を繰り返しクリック・タップすると、 最近取得した色として最大12色まで表示します。

画像の色は完全に正確ですか?

ブラウザが読み込んだ画像のピクセル値を取得しています。 ディスプレイ設定やカラープロファイルによって、 見た目と数値に差を感じる場合があります。

画像はサーバーへ送信されますか?

いいえ。 画像の表示・色取得・主要カラー解析は、 お使いのブラウザ内で処理されます。