色コードスポイトツール

画像から色コードを取得できる無料ツールです。 画像を選択し、確認したい場所をクリックまたはタップすると、HEXカラーコードとRGB値を確認できます。

画像を選択

画像を選択してください。画像はブラウザ上で読み込まれ、サーバーには保存されません。

画像の確認したい場所をクリックまたはタップすると色コードを取得できます。取得した場所には赤い印が付きます。虫眼鏡内をクリックまたはタップすると、さらに細かく色を選択できます。

HEX:#ffffff
RGB:rgb(255, 255, 255)
位置:未選択
状態:画像未選択
虫眼鏡表示
クリック・タップで微調整できます
色コードを抽出したい箇所をクリック・タップしてください

色コードスポイトツールとは

色コードスポイトツールは、画像の中の色を確認するためのツールです。 画像上の確認したい場所をクリックまたはタップすると、その位置のHEXカラーコードとRGB値を表示します。

このツールの使い方

  • 画像ファイルを選択します。
  • 画像上で確認したい場所をクリックまたはタップします。
  • 取得した場所には赤い印が付きます。
  • 虫眼鏡に、取得位置の周辺が拡大表示されます。
  • 虫眼鏡の中をクリックまたはタップすると、さらに細かく色を選択できます。
  • HEXカラーコードやRGB値をコピーできます。
  • 画像はサーバーに保存されず、ブラウザ上で処理されます。

画像から色コードを取得できます

ホームページ制作やバナー作成で、画像内の色に合わせたい場合に便利です。 ロゴ、写真、イラスト、バナー画像などから近い色を確認できます。

色名リストから色を選んでRGBで調整したい場合は、色コード一覧・RGB調整ツールもご利用ください。