画像カラーピッカー

アップロードした画像から任意のピクセルの色を選び、HEX、RGB、HSL の値をコピーできます。拡大表示で細かな位置も正確に選択できます。

ファイルとコンテンツはブラウザ内でブラウザ上で処理され、サーバーにアップロードされません。

このツールについて

デザイン画像、スクリーンショット、写真をアップロードし、任意のピクセルをクリックして HEX、RGB、HSL の色をコピーできます。拡大表示を使うと、画面上の小さな要素や細かな位置も選択しやすくなります。

できること

使い方

  1. 画像をアップロード: 色を取得する画像を選択します。
  2. ピクセルを選択: カーソルを動かし、取得したい位置をクリックします。拡大表示で周辺を確認できます。
  3. 値をコピー: HEX の値、または CSS で使用できる rgb() や hsl() の形式をコピーします。

例

制限事項

よくある質問

JPEG の色がわずかに異なるのはなぜですか？
JPEG の非可逆圧縮によってピクセルの値が変化する場合があります。正確な画面色を調べる場合は PNG のスクリーンショットを使用してください。
透明度も取得できますか？
通常は RGB の値を表示します。透明な PNG では、コピーする rgba() に透明度を含めることができます。
タッチ操作でも色を選択できますか？
はい。対応している端末では、画像をタップしてその位置の色を選択できます。