🎨 カラーピッカー

画像から色を選択、HEX/RGB/HSL表示、画面スポイト対応

✓ ブラウザ内でのみ動作、データは送信されません

ツール紹介

画像の任意のピクセルから色を取得し、HEX・RGB・HSLで表示します。Chrome/Edgeでは画面スポイト(EyeDropper API)にも対応します。

使い方

  1. 画像をキャンバスに読み込み
  2. キャンバスをクリックしてピクセルの色を取得
  3. 画面スポイトで画面全体からも取得可能

よくある質問

画面スポイトの要件は?

ChromeまたはEdge(EyeDropper API対応)と、ダイアログでの許可が必要です。

取得精度は?

ピクセル単位で、画像データそのものを読み取ります。