画像カラーピッカー
画像カラーピッカー：写真、スクリーンショット、ブランド素材、参考画像から正確な色の値を取得できます。
画像をアップロードまたは貼り付け
ここにファイルをドロップ、画像を選択、または Ctrl+V / Cmd+V でスクリーンショットを貼り付け
ヒント：画像をコピーし、このページの任意の場所で Ctrl+V または Cmd+V を押してください
この画像カラーピッカーの使い方
画像をカラーピッカーに読み込む
ドラッグ＆ドロップ、ファイルを参照、クリップボードから貼り付け、または上のツールでサンプル画像をお試しください。画像カラーピッカーはメモリ上でファイルを読み込みます — クラウドへのアップロードはありません。ブラウザがデコードできる場合、JPG、PNG、WebP、GIF、AVIF、HEIC に対応しています。
ホバーしてクリックで色を選択
カーソルを写真の上に移動すると、拡大されたピクセルグリッドが表示されます。目的のピクセルをクリックすると、画像カラーピッカーがパネルに HEX、RGB、HSL、CMYK 値を固定します。矢印キーで 1 ピクセル単位の精度を調整し、Enter で確定してください。
カラーコードをコピー
各形式にワンクリックのコピーボタンがあります — CSS、Figma、Canva、印刷仕様に貼り付けできます。最近の選択はサイドバーに残るので、同じセッション内で色見本を比較でき、再クリックは不要です。
画像から信頼できる色の値を抽出
プライベートなカラーコード検索
画像はお使いのデバイスに留まります。この画像カラーピッカーは、クライアントのスクリーンショット、未公開デザイン、内部モックアップなど、第三者サーバーへのアップロードができない場合に安全です。
細かいエッジ用の拡大鏡
ズームレンズがカーソルに追従し、アンチエイリアス文字、1px ボーダー、グラデーションストップを正確に狙えます。画像カラーピッカーはフル解像度のピクセルデータからサンプリングし、ぼやけた縮小プレビューではありません。
すべての形式を一度に
ワンクリックで HEX、RGB、HSL、CMYK を取得 — それぞれ CSS、デザインツール、印刷引き渡し用のコピーボタン付き。画像から色を選んだ後、タブを切り替えたり手動で変換したりする必要はありません。
写真から即座にパレット
画像読み込み時に 6 つの主要色見本が自動抽出されます。任意の色見本をクリックしてカラーパネルに読み込み、1 ピクセルずつサンプリングするより速く配色を構築できます。