画像カラーピッカー — 無料オンライン HEX・RGB・HSL 抽出ツール
画像をアップロードまたは貼り付けて、任意のピクセルをクリックするだけで HEX・RGB・HSL・CMYK のコードを取得。すべてブラウザ内で完結——アップロードなし、登録なし、トラッキングなし。
ここに画像をドロップ、またはクリックして選択
PNG・JPG・WebP・GIF・SVG に対応——Ctrl/Cmd+V でスクリーンショットの貼り付けも可能
Frequently Asked Questions
画像から色を抽出するにはどうすればよいですか？
上のボックスに画像をドロップし（または Ctrl/Cmd+V でスクリーンショットを貼り付け）、カーソルを画像の上で動かします。右側のパネルにカーソル下の色がプレビューされ、クリックで固定できます。あとは HEX・RGB・HSL・CMYK のコードをコピーするだけです。
HEX カラーコードとは何ですか？
HEX は色を 6 桁の 16 進数で表した記法で、#RRGGBB の形式です。2 桁ずつが 1 チャンネルを表し、00 から FF（10 進数で 0〜255）の値を取ります。#FF0000 は純粋な赤、#000000 は黒、#FFFFFF は白です。CSS やほとんどのデザインツールが採用している記法です。
画像はサーバーにアップロードされますか？
いいえ。画像はあなた自身のブラウザ内で canvas 要素にデコードされ、すべてのピクセルはローカルで読み取られます。送信・保存・記録は一切行われず、ネットワークを切断した状態でも動作します。
どのカラーフォーマットに対応していますか？
HEX（#2596BE）、RGB（rgb(37, 150, 190)）、HSL（hsl(197, 68%, 45%)）、CMYK（cmyk(81%, 21%, 0%, 25%)）です。HEX と RGB は厳密値、HSL は度とパーセントに丸められます。CMYK は ICC プロファイルを用いない簡易変換のため、印刷では色管理された値ではなく出発点として扱ってください。
コードの下にある「主要な色」とは何ですか？
画像をサンプリングしてピクセルを粗い色のバケットにまとめ、最も多いものを自動抽出パレットとして表示しています。任意のスウォッチをクリックすると、その正確なコードを読み込めます。完全に透明なピクセルは無視されます。
この画像カラーピッカーは無料ですか？
はい——アカウント不要、利用回数の制限なし、透かしもありません。処理はすべてお使いのデバイス上で行われるため、負担すべきサーバーコストがありません。