⌕
ホーム / カラーツール / オンライン画像カラーピッカー
無料オンラインツール

オンライン画像カラーピッカー

画像を読み込んでピクセルをクリックするだけで、その色をHEX・RGB形式で取得できます。ブラウザ内で完結し、アップロード不要。処理はブラウザ内でローカルに行われます。

使ってみる

機能と使い方のヒント

このツールは、画像内の特定のピクセルの色を正確に知りたいときに役立ちます。例えば、Webデザインで画像からブランドカラーを抽出したい場合などに使用できます。

具体的な例

画像を読み込むと、ランダムな1ピクセルの色が自動的にサンプリングされます。表示された画像上の任意の場所をクリックすると、その位置の色がHEXとRGBで表示されます。たとえば、赤いリンゴの画像で果実の部分をクリックすると、#FF0000（赤）のような値が得られます。

処理の仕組み

画像はブラウザ内で読み込まれ、Canvasに描画されます。表示用に最大900×620ピクセルに縮小されるため、表示上の座標は元の画像の座標とは異なる場合があります。クリック位置はCanvas座標に変換され、そのピクセルのRGB値が読み取られます。アルファ値は無視され、色名の特定や領域の平均色計算は行いません。

制限事項

  • 画像はブラウザで処理され、サーバーにアップロードされることはありません。
  • 色管理やブラウザのデコード処理により、広色域やカラープロファイル付き画像では値が異なる場合があります。
  • 印刷用の色測定や、領域の平均色、パレット抽出には対応していません。

よくある質問

Q1: 画像の座標は元の画像の座標と同じですか？

いいえ。表示用にCanvasが縮小されるため、表示される座標はCanvas上の座標です。元の画像の正確な座標が必要な場合は、縮小率を考慮する必要があります。

Q2: 画像はサーバーに送信されますか？

いいえ。画像はブラウザ内でFileReaderとCanvasを使用して処理されるため、サーバーにアップロードされることはありません。

Q3: 色の値はどのように計算されますか？

クリックした位置のピクセルのRGB値がCanvasから直接読み取られます。アルファ値は無視され、HEXとRGB形式で表示されます。

オンライン画像カラーピッカー

初期選択はランダムなキャンバスの1ピクセルで、左上とは限りません。キャンバスは最大900×620で、縮小再サンプリングにより色が変わる場合があります。値と座標はこのキャンバス上のものです。アルファを省略し、ページ背景とは合成しないため、完全に透明なピクセルは黒になる場合があります。HEX/RGB/HSV/HSL欄は画像ではなく選択色を編集します。編集後も座標は採取位置のままです。現在の色の読み取りは調整値と座標を再表示し、すべてコピーはHEX・RGB・座標だけをコピーします。クリアで画像と結果を消去します。

25 MiB = 26,214,400 B
W × H ≤ 24,000,000 px
Canvas: W ≤ 900 px; H ≤ 620 px

処理はブラウザ内でローカルに行われます。