本文へスキップ
Toolshed

画像からカラーコード抽出

画像の好きな色を取得。ルーペで拡大してクリックするだけでHEX・RGB・HSLのカラーコードをコピーでき、主要色も表示します。無料、アップロード不要。

  • アップロードなし
  • 制限なし
  • 登録不要

画像をドロップして色を選択

JPG、PNG、WebP、HEIC に対応。画像はお使いのデバイスから出ません。

入力:
画像
出力:
HEX
実行環境:
お使いの端末
サイズ上限:
なし
アカウント:
不要

画像からカラーコード抽出 の使い方

  1. 画像を追加

    写真、スクリーンショット、ロゴ(JPG、PNG、WebP、HEIC)をドロップするか、クリックして選択してください。アップロードされることはありません。

  2. 指して、クリック

    画像の上にカーソルを動かすと、拡大鏡でピクセルを間近に確認できます。クリックで正確な色を選ぶか、画像から抽出された主要な色を選んでください。

  3. コードをコピー

    色を HEX、RGB、HSL の形式でコピーできます。選んだ色は下のリストに保存されるので、比較や再利用に便利です。

Toolshed で 画像からカラーコード抽出 を使う理由

  • アップロードなし

    すべてこのブラウザのタブ内で処理されます。ファイルが端末の外に出ることはありません。

  • 制限なし

    ファイルサイズの上限も、1 日の利用回数の制限もありません。端末が処理できる限り、いくらでも使えます。

  • 登録不要

    アカウントもメールアドレスも不要で、透かしも入りません。

よくある質問

画像の色と完全に同じ色が取得できますか?

はい。画面のスクリーンショットではなく、デコードした画像からピクセル自体の赤・緑・青の値を読み取るため、ディスプレイやズームの影響を受けません。非常に大きな画像は、あらかじめ長辺 4096 px に縮小されるため、隣接するピクセルがわずかに混ざることがあります。

どんなカラーコードが得られますか?

CSS やデザインツール向けの HEX(例: #1e90ff)、RGB(例: rgb(30, 144, 255))、HSL(例: hsl(210, 100%, 56%))です。PNG や WebP の半透明ピクセルには不透明度も含まれます。

画像はアップロードされますか?

いいえ。画像はお使いのデバイス上のブラウザーで開いて読み取られ、外部には一切送信されません。

ファイルはどこかにアップロードされますか?

いいえ。画像からカラーコード抽出 はすべてブラウザ内で動作します。ファイルは端末上で処理され、サーバーに送信されることはありません。

ファイルサイズの上限はありますか?

決まった上限はありません。制限となるのは端末のメモリだけです。非常に大きなファイルは、パソコンのブラウザのほうが快適に動作します。

画像からカラーコード抽出 は本当に無料ですか?

はい。アカウントは不要で、透かしも入りません。各ダウンロードは、短い広告(視聴は任意)か 20 秒の待ち時間で有効になります。このしくみで無料を維持しています。