画像カラーピッカー: クリックで任意のピクセル色を瞬時に抽出

画像をアップロードし、カーソルを合わせてピクセルの色をリアルタイムプレビュー。クリックするだけで色を固定し、HEX・RGB・HSLカラーコードをワンクリックでコピーできます。拡大ルーペや調和配色パレットの自動生成機能も搭載。

リアルタイムプレビュークリックで色を固定 HEX / RGB / HSL 拡大ルーペ · おすすめ配色パレット

クリックして画像を選択、またはここにドラッグ＆ドロップ

JPG、PNG、WebP、BMP、GIF（最初のフレーム）に対応

QQWQ.NET 画像カラーピッカーが選ばれる理由

ブラウザ上で高速かつ高精度、完全ローカルで動作するカラーコード抽出ツールです。

すべての色検出処理はブラウザのHTML5 Canvas上で完結します。未公開のデザインや機密画像が外部サーバーへ送信・保存されることは一切ありません。

マウスの動きに合わせてリアルタイムに色を確認し、クリック1つで目的の色をロック。内蔵ルーペにより、細い境界線や微細なグラデーションも逃さず正確に抽出できます。

HEX、RGB、HSLコードをワンクリックで手軽にコピー可能。色を選択すると、補色・類似色・トライアド（3色配色）などの調和配色パターンを自動提案し、デザイン制作をサポートします。

画像からの色抽出、カラーコード変換、プライバシーに関するよくあるご質問です。

画像はサーバーにアップロードされますか？

いいえ、一切アップロードされません。画像はお使いのブラウザのFile APIを介して読み込まれ、クライアント側のCanvas要素に直接描画されます。色情報はgetImageDataを用いてブラウザ内でのみ取得され、ネットワーク通信は発生しません。

抽出精度はどのくらいですか？Photoshopなどのデザインソフトと微妙に数値が異なるのはなぜですか？

本ツールは画面上に実際にレンダリングされた正確なピクセル値を取得します。PhotoshopやIllustratorなどのソフトとごくわずかに値が異なる場合、カラープロファイル（sRGBとDisplay P3、Adobe RGBなど）の解釈や変換設定の違いによるものです。

配色パターンの提案はどのように計算されていますか？

標準的なHSL色相環の角度を基準に計算しています。補色（+180°）、類似色（±30°）、トライアド/3色配色（±120°）、スプリット補色（+150°/+210°）を算出し、デザインやUI作成に役立つ調和のとれた配色を提供します。

アニメーションGIF画像の色も抽出できますか？

現在はGIFアニメーションの最初の1フレーム目を読み込んで色を抽出します。特定のコマ（フレーム）の色を抽出したい場合は、あらかじめそのフレームを静止画として保存した上でアップロードしてください。

抽出した色の履歴は保存されますか？

はい、最近抽出したカラー履歴はお使いのブラウザのlocalStorageに自動保存されます。ページを再読み込みしたり後日アクセスしても残ります。「クリア」ボタンを押せばいつでも履歴を消去できます。