カラーピッカー

画像の1点をクリックして、その色を読む。

無料 · 登録不要 · 端末内で処理

処理はブラウザのタブの中

  • 1画素ずつ
  • HEXと RGB
  • 0件の送信
  • Free登録不要
仕様

カラーピッカーの仕様

入力
画像と、クリックした1点
出力
1点の色を HEX と RGB で
方式
端末上で1点を読み取り
必要なもの
色を拾う画像
料金
無料
登録の要否
不要
処理する場所
あなたの端末の中
使い方

カラーピッカーの使い方

  1. 1

    画像を開く

    画像を開く

  2. 2

    1点をクリックする

    1点をクリック

  3. 3

    値をコピーする

    値をコピー

よくある質問

よくある質問

画像なしで色を選べる?

この画面ではできません。画像の1点を読む仕組みだからです。数値を直接入力するなら、カラーコード変換が HEX・RGB・HSL・CMYK を受け付けます。

ウェブサイトや画面から直接拾える?

できません。スクリーンショットを撮って、その画像をここで開いてください。この画面が読むのは、あなたが選んだ画像ファイルだけです。

画像はアップロードされる?

されません。このブラウザのタブの中で読み込まれます。画像も、その名前も中身も、端末に留まります。

どの画像形式が開ける?

お使いのブラウザが読める形式です。開かない画像があれば、PNG か JPEG で保存し直してお試しください。

解説

狙った色を正しく拾うために

画像から色を拾うツールです。端末から画像を開き、欲しい1点をクリックすると、その正確な HEX と RGB が見本つきで出ます。

  • 1回のクリックで読むのは1画素です。2つの色が接する境目から少し離れた点を選んでください。
  • 1つの物を撮った写真にも多くの濃淡があります。合わせたい部分から拾ってください。
  • JPEG の圧縮は画素を少しずらします。同じ絵なら PNG のほうがきれいに読めます。
  • スタイルシートには HEX を、数値を求めるファイルには RGB をコピーしてください。

仕様をすべて見る

カラーピッカーツールの仕様
入力端末の画像ファイルと、その上でクリックした1点。
出力その1点の色を HEX と RGB で、見本つきで表示します。
方式画像を読み込み、ページ内のキャンバスから1点の色を読み取ります。
必要なもの画像です。画像なしで数値を入力・変換するなら、カラーコード変換の画面をお使いください。
料金無料。作業領域の外に、広告と分かる形で広告を出しています。
登録の要否不要。
処理する場所このブラウザのタブの中。入力がアップロードされることはありません。
次にできること

同じファイルのまま続ける

カラーツール一覧: SPOTTOOLSのカラーツール