💧 画像からカラーピッカー

概要

画像カラーピッカーはHTML Canvas APIを使ってブラウザ内で完全に動作します。画像を読み込むとローカルキャンバスに描画されるだけで、ファイルがデバイス外に出ることはありません。画面に合わせて縮小された画像でも元の解像度でピクセルデータを読み取るため、HEX・RGB値は常に正確です。5×5ピクセルの拡大鏡グリッドで隣接する色を精密に区別できます。スクリーンスポイトボタン（ChromeおよびEdgeで利用可能）を使えば、画面上のあらゆる要素から色を取得できます。最近ピックした色は最大24色がブラウザのlocalStorageにローカル保存され、ページをリロードしても消えません。サーバーアカウントは不要です。 サンプリングされた各ピクセルも、最も近いPANTONE Solid Coatedの番号（例えばPANTONE 185 C）を報告しますので、写真の色を印刷可能なPantoneの参照に近づけることができます。

使い方

1. アップロードゾーンに画像をドロップするか、「画像を選択」をクリックしてデバイスからJPG・PNG・WebP・GIF・BMPファイルを開きます。
2. 画像の任意の場所にカーソルを合わせると、ライブカラースウォッチ・HEXコード・RGB値がリアルタイムで更新されます。
3. 画像下の5×拡大鏡グリッドで個々のピクセルをズームインして、必要な色を正確に特定します。
4. 画像をクリックすると色が履歴に保存されます。最大24個のスウォッチが保存され、スウォッチをクリックするとHEXコードがコピーされます。
5. HEXおよびRGBフィールド横の「コピー」ボタンを使って、デザインツールやコードエディターに値を直接貼り付けます。

よくある質問

このツールは完全に無料ですか？

はい。画像カラーピッカーは利用回数制限なし・会員登録不要・隠れた料金なしで100%無料です。今も、これからも。

画像はサーバーにアップロードされますか？

一切アップロードされません。画像はHTML Canvas APIを使ってブラウザ内のみで処理されます。いかなるサーバーにも送信されないため、写真やデザイン素材は完全にプライベートなままです。

オフラインで使えますか？

はい。ページを一度読み込めば、インターネット接続なしで使えます。すべてのカラーサンプリングがブラウザ内でローカル処理されるため、フライト中や電波の悪い場所でも最適です。

どのカラーフォーマットで出力されますか？

サンプリングされたピクセルごとにHEX（例: #3a8fdf）とRGB（例: rgb(58, 143, 223)）を出力します。どちらもワンクリックコピーボタン付きで、CSS・Figma・Photoshopなど任意のデザインツールにすぐ貼り付けられます。

対応している画像フォーマットは何ですか？

JPG・PNG・WebP・GIF・BMPのすべてに対応しています。ファイルをドラッグ＆ドロップするか、ファイル選択ダイアログで開くことができます。

画像内の色のPantone番号は取得できますか？

はい。ホバーまたはクリックするたびに、ツールはHEXとRGBの値の隣に、コピー用ボタン付きで最も近いPANTONE Solid Coatedの一致（例：PANTONE 185 C）を表示します。選択した各色のPantoneコードは履歴に表示されます。一致は知覚的CIEDE2000の公式を使用しており、近似値sRGBの参照です — Pantoneスポットインクは、スクリーン値ではなく物理的に定義されています。