画像からHEXまたはRGBの色を取得

画像上の任意の場所をクリックして、色をHEX、RGB、HSL形式で読み取ります。

画像を選択

クリックして選択するか、ファイルをここにドロップ

貼り付け（Ctrl+V / Cmd+V）もできます

ほとんどのツールはお使いの端末内で動作します

画像からの色の抽出について

ブランドパレットやCSSの値のため、あるいは単なる興味のために写真やデザインモックアップから色を正確に再現するには、目で見た推測ではなく実際のピクセル値が必要です。このツールは画像上でクリックした任意の地点の正確な色を読み取り、HEX、RGB、HSLで表示します。

画像がデコードされているcanvasから、クリック位置のピクセルデータを直接読み取り、各色形式に変換して3つすべてをワンクリックコピー付きで表示します — すべてブラウザ内で処理され、完全な画像がデバイスから一切出ることはありません。

対応ファイル

JPG、PNG、WebPおよびその他の一般的な画像に対応。クリックした任意の地点のHEX、RGB、HSL値を出力します。

ファイルはアップロードされますか？

いいえ。画像はブラウザ内のcanvas上で完全に読み取られます — アップロードされることはありません。

領域を平均しますか、それとも1ピクセルを読みますか?+

1ピクセルです。クリックしたまさにその場所です。

スクリーンショットから選べますか?+

はい。任意の画像を貼り付けるかドロップしてください。

画像から無料でHEXやRGBカラーを取得する方法はありますか？+

はい — このツールです。完全にブラウザ内で動作し、無料で何もアップロードしません。

ファイルはサーバーにアップロードされますか？+

いいえ。ここにあるすべてのツールはファイルを完全にお使いの端末内で処理し、サーバーには何もアップロードされません。唯一の例外はAIツールで、作業のために抽出したテキスト（ファイルそのものではありません）をClaudeに送信します。

ファイルサイズの制限はありますか？+

当サイトが設ける人為的な制限はありませんが、処理はブラウザ内で行われるため、非常に大きなファイル（500MB以上、1,000ページ以上など）はお使いの端末のメモリによって制限されます。