色を拾いたい場所を直接クリックする
平均色や主要色を出すツールではなく、クリックした位置の色を1点ずつ確認します。背景・文字・ロゴなど、場所を指定して色を拾いたいときに向いています。
画像を選択
🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。
無料Webツール
画像上の一点をクリックし、その場所の色をHEX・RGBで取得します。
🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。
画像を開き、知りたい場所をクリックすると、その位置のHEX・RGBと元画像上のおおよその座標を確認できます。デザインの色合わせや、画像から近い色を拾いたいとき向けです。
#315EE8 と表示されたら、そのHEXをCSSやデザインツールへコピーできます。RGB値と元画像のおおよその位置も一緒に確認できます。大きな画像はプレビュー用に縮小してから色を拾うため、細い境界やアンチエイリアス部分では元画像の1画素と完全一致しないことがあります。1画素単位の厳密さが必要なら、対象部分を切り出した小さな画像で確認してください。
平均色や主要色を出すツールではなく、クリックした位置の色を1点ずつ確認します。背景・文字・ロゴなど、場所を指定して色を拾いたいときに向いています。
結果の先頭にHEXを出し、コピーもHEXだけを対象にしています。CSS、Figma、Canvaなどで同じ色を指定したいときにそのまま使えます。
画像を縮小表示すると、境界付近では周囲の色が混ざって見える場合があります。狙った色が重要なら、少し内側の均一な場所をクリックすると安定します。
結果はRGB/HEXの3色成分です。半透明・完全透明のalpha値は表示しないため、透過率まで調べたい用途には向きません。
プレビューを縮小している場合でも元画像上のおおよそのX/Y座標を表示します。別の画像編集ソフトで同じ付近を探したいときの目印になります。
関連リファレンス: 画像形式