カラーピッカー（スポイト）の仕組み
このツールでは、画像をドロップしてピクセルをクリックすると、ブラウザ内でその正確な色(hex、RGB、HSL)を読み取れます。ルーペと選択した色の履歴付きです。画像はお使いの端末から出ることはありません。
カラーピッカー（スポイト）
画像をドロップし、ホバーで拡大し、クリックで色を抽出して16進数・RGB・HSLでコピーします。
カラーピッカー（スポイト）の使い方をステップごとに解説
- 写真、スクリーンショット、または画像ファイルをドロップまたは選択します。
- 画像の上でポインターを動かすと、カーソルの下の色がリアルタイムのスウォッチとルーペで表示されます。
- クリックすると、その正確なピクセルの色が選択され、履歴に追加されます。
- hex、RGB、またはHSLの値をクリックすると、クリップボードにコピーされます。
- 履歴の中の任意の色をクリックすると、それが再び選択中の色として呼び戻されます。
よくある使用例
- デザインツールで使う前に、ロゴのスクリーンショットから正確なブランドカラーを取得する。
- ウェブサイトの背景やボタンが実際にどのhex値でレンダリングされているかを、ピクセル単位で確認する。
- 写真(生地、塗料の見本、商品写真)から色をサンプリングして、RGB/hexコードを調べる。
- 履歴を使って、画像のさまざまな部分から選んだ色の小さな並び順付きセットを作る。
よくある質問
画像はサーバーにアップロードされますか?
いいえ、ページ内のキャンバス上でローカルにデコードされ読み取られます。
このカラーピッカーはどの形式で出力しますか?
選択中の色について、hex(#RRGGBB)、RGB、HSLがそれぞれクリックでコピーできるボタンとして表示されます。CMYKやHSVが必要な場合は、同じhex値でカラーコンバーターを使ってください。
ルーペはどのように機能しますか?
画像にカーソルを合わせると、右上付近の小さな円形プレビューがカーソル周辺のピクセルを拡大表示し、クリックすると選択される正確なピクセルがハイライトされたセルで示されるため、小さなディテールも正確に狙えます。
パレット生成ツールとの違いは何ですか?
パレットは主要な色を自動的に抽出しますが、ここでは正確な1ピクセルを自分で選びます。
履歴には何色保存されますか?
直近に選択した24色までです。
どの画像形式をドロップできますか?
ブラウザがデコードしてキャンバスに描画できる画像形式であれば何でも構いません。最新のブラウザではJPEG、PNG、WebP、GIFなど、ほとんどの形式に対応しています。