画像カラーピッカー

正確なピクセルや範囲の平均色を取得し、画像から書き出し可能なカラーパレットを作成します。

画像はブラウザ内に留まり、アップロードされません。

無料プライベート元画像のピクセルに正確

画像をドラッグ＆ドロップ

または下をクリックしてファイルを選択

JPGPNGWebPAVIFHEICHEIFGIFTIFFBMPSVG

⌘Vクリップボードから貼り付け

•Finderや写真からドラッグ

画像1枚 · ローカル処理 · アップロードなし

サンプル写真: Tobias Keller / Unsplash

処理はブラウザ内でローカルに実行されます。画像はブラウザ内に留まり、アップロードされません。

基本的なスポイト以上の機能

正確な元画像座標

縮小プレビューではなく、元画像のピクセルを拡大して確認します。

開発に使えるカラー値

HEX、RGB、HSL、HSV、CMYK、Lab、LCH、OKLab、OKLCH、XYZをコピーできます。

主要カラーパレットの抽出

同じページでパレットの作成、並べ替え、編集、共有、書き出しができます。

ローカルで安全

デコード、色の取得、パレット解析は端末上で実行されます。

画像から色を取得する方法

1
画像を追加
ファイルを選択、ドロップ、貼り付け、または画像URLから読み込みます。
2
色をクリック
画像を拡大し、正確なピクセルまたは平均化する範囲をクリックします。
3
コピーまたは書き出し
カラー値をコピーし、色を固定するか、パレット全体を書き出します。

対応画像形式

JPG

写真やWeb画像

PNG

透明度を含む可逆圧縮画像

WebP

AVIF

高効率なWeb画像

HEIC / HEIF

カメラやスマートフォンの写真

GIF

最初のフレームを解析

TIFF

最初のページを解析

SVG

安全で自己完結したベクター画像

画像カラーピッカーのよくある質問

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

いいえ。画像はブラウザ内でローカルに処理されます。

ズームすると取得色は変わりますか？+

いいえ。座標は常に元画像のピクセルに対応します。

透明ピクセルはどう処理されますか？+

完全に透明なピクセルを無視するか、選択した背景色と合成できます。

1ピクセルではなく範囲の平均を取得できますか？+

はい。四角形・円形の平均、またはノイズを抑える中央値を選べます。

対応形式は？+

ブラウザでデコード可能なJPG、PNG、WebP、AVIF、HEIC/HEIF、GIF、TIFF、BMP、安全なSVGに対応します。

パレットを書き出せますか？+

はい。CSS、SCSS、Tailwind、GPL、DTCG、CSV、テキスト、JSONで書き出せます。

画像の作業を続ける

ファイルを解析するか、用途に合う形式へ変換します。

画像形式インスペクター

色空間、ビット深度、メタデータ、互換性を確認します。

PNGに変換

広く対応する形式で透明度を保持します。

WebPに変換

Web向けの効率的な画像を作成します。

写真エディター

見た目を調整して編集を続けます。