画像カラーピッカー
画像をアップロードまたはペーストして、拡大ルーペで1ピクセル単位の色を抽出したり、ドミナントカラーパレットを自動生成できます。
Zoom:
Ready
Paste: Ctrl+VClick to lock color
Selected Pixel ColorLuminance: 36%
#4F46E5
HEX#4F46E5Copy
RGBrgb(79, 70, 229)Copy
HSLhsl(243, 75%, 59%)Copy
HSVhsv(243, 69%, 90%)Copy
CMYKcmyk(66%, 69%, 0%, 10%)Copy
OKLCHoklch(0.51 0.23 277)Copy
CSS Var--color: #4F46E5;Copy
verified_user
100% Client-Side Privacy: All images, loupe magnification, and palette quantization run locally in your browser memory via the HTML5 Canvas API. Your pictures are never uploaded, stored, or transmitted to any server.
画像カラーピッカーとは？
画像カラーピッカーは、写真、イラスト、スクリーンショットから任意の位置の色をスポイト抽出し、Web制作用のカラーコード（HEX、RGB、HSL）に変換するツールです。
100%クライアントサイドのプライバシー保護
画像データはお使いのデバイスの外に出ることはありません。すべてのピクセル演算はHTML5 Canvas APIを通じてブラウザ内でのみ処理されるため、クライアントワークの機密モックアップでも安心して利用できます。
多彩な入力方法に対応
ファイルのドラッグ＆ドロップ、ファイル選択に加えて、スクリーンショットをコピーした状態で Ctrl+V（または Cmd+V）を押すだけで瞬時にキャンバスに読み込めます。
関連ツール
抽出した色から調和の取れた配色を作りたい場合はパレットジェネレーターを、文字色の視認性をチェックしたい場合はWCAGコントラストチェッカーをご利用ください。
ナレッジベース & FAQ
よくある質問 (FAQ)
よくある疑問、技術的課題、業界標準に対する分かりやすい解説と解決策。
画像内の特定ピクセルから正確なカラーコードを抽出するには？expand_more
画像をアップロードするかクリップボードから貼り付け（Ctrl+V）します。写真上にカーソルを合わせると、8〜16倍の拡大ルーペがピクセル単位のグリッドを表示します。クリックするだけで、HEX、RGB、HSL、CMYKコードを瞬時に取得できます。
アップロードした機密デザインや写真がサーバーに送信されますか？expand_more
いいえ、一切送信されません。ColorKitは100%クライアントサイド処理で動作します。すべての画像解析と拡大処理はブラウザのローカルメモリ（HTML5 Canvas）上で完結するため、未公開のUIモックアップやプライベート写真も安全です。
画像の主要色（ドミナントカラー）パレットはどのように生成されますか？expand_more
メモリ上の色量子化アルゴリズムにより、画像内の数百万個のピクセルを色空間クラスターに分類し、最も出現頻度の高い6〜8色の主要カラーを自動抽出して調和のとれたパレットを作成します。
どのようなファイル形式に対応していますか？expand_more
PNG、JPG、JPEG、WebP、GIF、SVGなどの一般的なWeb画像形式に対応しています。また、画面キャプチャを直接
Ctrl+V（MacはCmd+V）でペーストすることも可能です。