画像から HEX カラーを取得する — オンライン スポイト
ブラウザで直接写真から任意の色を選択します。ズーム ルーペでピクセルが拡大され、ワンクリックで HEX、RGB、HSL コードが表示され、コピーできます。
処理中...
0%
画像ファイルの読み込み
ピクセル精度のプレビューを描画する
スポイトをアクティブにする
結果
このページは、画像内の任意のピクセルの 16 進コードを取得するという 1 つのジョブに合わせて調整された画像カラー ピッカーを開きます。 PNG、JPG、または WebP ファイルをドロップし、ボタンを押してキャンバスにロードし、必要な場所をクリックします。コピー ボタンのあるカードに 6 桁の 16 進数値が表示され、すぐにクリップボードにコピーされます。
HEX は、実際に最も頻繁に必要となる表記法です。CSS スタイル、ブランド ガイドライン文書、デザイン ツール、サイト ビルダーはすべて、色を #RRGGBB として受け入れます。内蔵ルーペはカーソル周囲の 11 × 11 ピクセルの領域を拡大するため、アンチエイリアス処理されたエッジ上の隣接するピクセルを区別できます。これは、スポイトが間違った色合いを取得する古典的な場所です。
ピッカーは完全にブラウザ内で実行されます。写真はローカル キャンバスに描画され、ピクセルはそこから直接読み取られるため、どこにもアップロードされることはありません。最後に選択した 8 つがスウォッチとして画面上に残り、後で RGB または HSL (または CMYK) と同じ色が必要になった場合、カードにそれらも表示され、カラー フォーマット コンバータ ツールで任意の値をさらに変換できます。