画像用の無料オンライン カラーピッカー（スポイト）：画像をアップロードし、目的のピクセルにカーソルを合わせるかタップすると、ブラウザ上で RGB・HEX・HSL・HSV・CMYK・XYZ・LAB・LCH の正確な色をすぐに取得できます。
キャンバスをクリックすると選択中のピクセルを固定します。
キーボード：矢印キーで1ピクセル、Shift＋矢印キーで10ピクセル移動、Enterで色を固定します。
ピクセルカラーピッカーの使い方
- 1
画像を読み込む：「ファイルを選択」をクリック、ファイルをドラッグ＆ドロップ、またはクリップボードから貼り付け（Ctrl / ⌘ + V）します。
- 2
カーソルを正確な位置に合わせるか、指で画像をなぞり、クリックしてピクセルを選択し色を取得します。
- 3
正確な色の値（HEX・RGB・HSL・HSV・CMYK・LAB）をワンクリックでコピーして、プロジェクトに貼り付けます。
画像のピクセルの色を正確に取得するオンライン カラーピッカー
このオンライン カラーピッカー（スポイト）は、画像内の任意のピクセルの正確な色をワンクリックで特定できます。Web制作、UI/UX、フロントエンド開発、ブランド運用、印刷に便利です。
ポイントを選ぶと、RGB・HEX・HSL・HSV・CMYK・XYZ・LAB・LCH の正確な色の値とカラーコードを即座に取得できます。どの値もクリップボードにコピーして、CSS・Figma・Photoshop・デザインシステムで使えます。
相対輝度と黒・白テキストとのコントラスト比も計算されるため、読みやすい文字色を選び、WCAG のアクセシビリティに対応できます。
インストール不要でブラウザだけで利用可能。画像を読み込み、目的の色を見つけ、色を一つずつ選んでいけば、プロジェクトのカラーパレットや配色を手軽に作成できます。
よくある質問
画像内のピクセルの色を調べるには？
任意の画像をアップロードし、カーソル（または指）を目的の位置に合わせてクリックし、ピクセルを固定します。ツールがそのピクセルを読み取り、RGB・HEX・HSL などの正確な色を表示し、どの値もワンクリックでコピーできます。
無料ですか？インストールは必要ですか？
完全に無料で、このオンライン スポイトはブラウザ上で動作します。インストールや登録は不要です。
画像はサーバーにアップロードされますか？
いいえ。画像はブラウザ内でローカルに処理され、デバイスから外部に送信されません。プライベートや機密のファイルでも安全に使えます。
対応している色形式は？
RGBA・RGB %・HEX・HEX+A・HSL・HSV・CMYK・XYZ・CIE LAB・LCH に加えて、相対輝度・コントラスト比・推奨テキスト色を表示します。Web や印刷に必要な色の値がすべて揃っています。
HEX と RGB の違いは？
同じ色を異なる方法で表したものです。HEX は CSS で使う #1A2B3C のような16進コード、RGB は赤・緑・青を0〜255で表します。ソフトに合わせて好きな方をコピーできます。
スマートフォンやタブレットでも使えますか？
はい。指で画像をなぞるとリアルタイムに色を取得でき、タップでピクセルを固定できます。内蔵の拡大鏡で正確な位置を狙えます。