この無料の画像カラー ピッカーでは、画像をアップロードまたは貼り付け、マウスを移動して拡大し、任意のピクセルをクリックして正確なカラー コードをコピーできます。すべてデバイス上で処理されます。
画像カラーピッカー - 写真を下にドロップします
画像をアップロードまたは貼り付けます
ここにファイルをドロップするか、画像を選択するか、Ctrl+V / Cmd+V でスクリーンショットを貼り付けます。
ヒント: 画像をコピーし、このページの任意の場所で Ctrl+V または Cmd+V を押します。
色が選択されていません
画像をアップロードしてピクセルをクリックします
最近選んだカラーがここに表示されます。
画像カラー ピッカーは、デザイナー、開発者、マーケティング担当者が、デスクトップ ソフトウェアをインストールすることなく、あらゆる写真から正確な色の値を取得するのに役立ちます。この無料の画像カラー ピッカーはブラウザ内で完全に実行されます。スクリーンショット、ブランド アセット、または参照写真をアップロードし、任意のピクセルをクリックして HEX、RGB、HSL、または CMYK コードを即座にコピーします。サーバーベースのスポイトとは異なり、ファイルがデバイスから離れることはありません。機密モックアップ、クライアントの成果物、および素早いムードボード サンプリングに最適です。 Web サイトのキャプチャからのロゴの青色、製品ショットからの生地のトーン、または UI スクリーンショットからのグラデーション停止が必要な場合でも、1 つの画像カラー ピッカー セッションでピクセル完璧な値と、同じファイルから抽出された自動 6 色パレットが得られます。
ドラッグ アンド ドロップ、ファイルの参照、クリップボードから貼り付け、または上記のツールでサンプル画像を試してください。画像カラー ピッカーはメモリ内のファイルを読み取ります。クラウド アップロード手順はありません。 JPG、PNG、WebP、GIF、AVIF、および HEIC は、ブラウザーがデコードできる場合にサポートされます。
カーソルを写真の上に移動すると、拡大されたピクセル グリッドが表示されます。必要なピクセルをクリックすると、イメージ カラー ピッカーがパネル内の HEX、RGB、HSL、および CMYK の値をロックします。矢印キーを使用して 1 ピクセルの精度を設定し、Enter を押して確定します。
各形式には、ワンクリックでコピー ボタンがあり、CSS、Figma、Canva に貼り付けたり、仕様を印刷したりできます。最近選択したものはサイドバーに残るため、再クリックせずに同じ画像カラー ピッカー セッションからのスウォッチを比較できます。
画像はデバイス上に残ります。この画像カラー ピッカーは、クライアントのスクリーンショット、未リリースのデザイン、サードパーティ サーバーへのアップロードがオプションではない内部モックアップに対して安全です。
ズーム レンズがカーソルを追従するため、アンチエイリアス処理されたテキスト、1 ピクセルの境界線、およびグラデーションの停止点に到達できます。画像カラー ピッカーは、ぼやけたスケーリングされたプレビューではなく、フル解像度のピクセル データからサンプリングします。
ワンクリックで HEX、RGB、HSL、CMYK が表示されます。それぞれに CSS、デザイン ツール、または印刷ハンドオフのコピー ボタンが付いています。画像から色を選択した後に、タブを切り替えたり値を手動で変換したりする必要はありません。
画像が読み込まれると、6 つの主要なスウォッチが自動的に抽出されます。任意のスウォッチをクリックしてカラー パネルにロードし、一度に 1 ピクセルずつサンプリングするよりも速くマッチング スキームを構築します。
スクリーンショットから競合他社のボタンの青を一致させたり、参照ダッシュボードからニュートラルを取得したり、CSS 変数のグラデーション ストップをコピーしたりできます。画像カラー ピッカーを使用すると、別のアプリで 16 進数の値を推測するよりも時間を節約できます。
PDF エクスポート、ソーシャル投稿、イベント写真から正確なロゴの色を抽出します。アセットを再構築したり、キャンペーンのパレットを拡張したりするときに、ブランド ガイドラインを正確に保ちます。
デザインを実装するときに、モックアップまたは製品のスクリーンショットから色のサンプルを作成します。デザイン ファイルを開かずに、RGB または HEX をスタイルシートに直接コピーします。
デジタル成果物と印刷成果物を調整するときに、HEX および RGB とともに CMYK 値を取得します。写真参照とインク仕様またはパッケージングプルーフを照合するのに役立ちます。
細い線、テキストのアンチエイリアス、またはアイコンのエッジをサンプリングする場合は、クリックする前にマウスを移動します。画像のカラー ピッカー拡大鏡には 11×11 ピクセルのグリッドが表示されるため、隣接するピクセルではなく、目的の色合いを選択します。
HEX と RGB は Web とアプリの作業に適しています。 HSL は、コードの軽さを調整したい場合に役立ちます。 CMYK は印刷会話をサポートします。他の場所に変換するのではなく、1 つのピックから 4 つすべてをコピーします。
主要なスウォッチにより、画像の概要がすぐにわかります。ベース トーンの見本をクリックし、同じ画像のカラー ピッカー セッションで近くのピクセルにスポイトを使用してアクセントを微調整します。
すべてのデコードとサンプリングはブラウザ内でローカルに行われます。色を選択した後に明るさを調整したり、ソーシャル投稿用の完全なパレットを構築したりするには、以下のリンクにある関連する無料の画像ツールを参照してください。
この画像カラー ピッカーを開き、画像をドロップまたは貼り付け、写真の上にカーソルを移動して拡大ピクセル ビューを表示し、目的のピクセルをクリックします。 HEX, RGB, HSL and CMYK values appear instantly in the color panel.
いいえ。Canvas API を使用して、すべてがブラウザ内でローカルに実行されます。このオンライン画像カラー ピッカーを使用すると、画像がデバイスから離れることはありません。
すべての選択で HEX (例: #E5A54B)、RGB、HSL、CMYK が提供され、それぞれにワンクリックのコピー ボタンが付いています。ピクセルを再度選択しなくても、フォーマットを切り替えることができます。
はい。画像が読み込まれるとすぐに、6 つの主要な色がパレットに抽出されます。任意のスウォッチをクリックしてカラー パネルにロードします。これは、スポイトで正確にクリックする前にトーンを探索する簡単な方法です。
このツールは、生のピクセル データをフル解像度で読み取ります。単一ピクセル精度の場合は、矢印キーを使用して一度に 1 ピクセルずつ移動し (Shift キーを 10 キー押したまま)、Enter キーを押して選択します。
ブラウザーで表示できる任意の形式: JPG、PNG、WebP、GIF、AVIF、BMP、HEIC、SVG は、ブラウザーがサポートしている場合、すべてこの画像カラー ピッカーで機能します。
