画像カラーピッカー
画像をクリックして色のカラーコード（HEX/RGB/HSL）を取得。よく使われている色のパレットも自動抽出します。
画像をクリック（タップ）して色を取得
選択した色
-
- HEX
- -
- RGB
- -
- HSL
- -
取得履歴（クリックでコピー）
自動抽出パレット
よくある質問
画像はサーバーにアップロードされますか？ +
いいえ。画像の読み込みから色の取得・パレット抽出まで、すべてブラウザ内（Canvas）で処理します。画像や取得した色が外部に送信されることはありません。
どんな画像形式に対応していますか？ +
JPEG・PNG・WebP・GIF・AVIF・BMPなど、お使いのブラウザで表示できる画像形式に対応しています。スクリーンショットはクリップボードから貼り付け（Ctrl+V / ⌘+V）でも読み込めます。
カラーパレットはどうやって抽出していますか？ +
画像を縮小してピクセルの色を近い色ごとにグループ化し、使われている面積が大きい順に、互いに似すぎない色を選んでいます。抽出数は3〜12色から選べます。透明なピクセルは除外します。
取得した色が画像編集ソフトと少し違うのはなぜですか？ +
ブラウザは画像の色を画面表示用の色空間（sRGB）に変換して扱うため、カラープロファイル付きの画像では編集ソフトの値と数値が少しずれることがあります。Web制作で使う場合はブラウザ上の値をそのまま使えます。
スマートフォンでも使えますか？ +
はい。画像をタップした位置の色を取得できます。ルーペはパソコンのマウス操作時に表示されます。
特徴
クリックでカラーコード取得
スポイト感覚で画像の任意の位置の色をHEX・RGB・HSLで表示します。
ルーペで1px単位の指定
マウス位置を拡大表示するので、細い線や小さな文字の色も正確に拾えます。
カラーパレットを自動抽出
画像でよく使われている色を面積の大きい順に3〜12色抽出します。
CSS変数で書き出し
抽出した色を --color-1: #xxxxxx; 形式でまとめてコピーできます。
使い方
-
1
画像を読み込む
ファイル選択・ドラッグ&ドロップ・スクリーンショットの貼り付けに対応。
-
2
色を取りたい位置をクリック
ルーペで位置を合わせてクリックするとカラーコードが表示されます。
-
3
コピーして使う
HEX・RGB・HSLやパレットをコピーしてデザインやCSSに使います。
こんな場面で使えます
Web制作・コーディング
デザインカンプやスクリーンショットから正確なカラーコードを取得できます。
配色の参考に
写真やイラストからパレットを作り、資料やSNS投稿の配色に活用できます。
ロゴ・ブランドカラーの確認
ロゴ画像からブランドカラーのカラーコードを調べられます。
安全性とプライバシー
画像はブラウザ内だけで処理
画像はサーバーにアップロードされず、ページを閉じると履歴も残りません。
登録不要・無料
会員登録なしで何度でも無料で使えます。通信はHTTPSで暗号化されています。
同じカテゴリのツール
他のツールもチェックWebP変換＆圧縮
ブラウザ内でWebPへ一括・個別変換。画質指定・ZIPダウンロード対応。
画像コンバーター（変換なし）
オリジナル保持で画質・ZIP管理だけ行いたいときに。
画像コンバーター（WebP出力）
JPEG/PNG/AVIFをWebPへ一括変換。高速圧縮で容量削減。
画像コンバーター（JPEG出力）
写真向けにJPEG(JPG)へ一括変換。画質スライダーで細かく調整。
画像コンバーター（PNG出力）
透過を保ったままPNGに一括変換。再変換・ZIP対応。
画像コンバーター（AVIF出力）
次世代AVIFへ高圧縮変換。軽量化で表示速度とSEOを強化。
画像リサイズ
幅・高さ(px)・倍率(%)・長辺指定で画像を一括リサイズ。縦横比維持・JPEG/PNG/WebP出力・画質指定・ZIP保存に対応。ブラウザ内処理で安全。
画像トリミング
画像を好きな範囲・比率で切り抜き。1:1・16:9・4:5・OGPなどの比率プリセット、px指定、丸く切り抜き（透過PNG）、回転・反転に対応。ブラウザ内処理で安全。
画像モザイク・ぼかし
隠したい部分をドラッグで囲むだけでモザイク・ぼかし・塗りつぶし。顔・ナンバー・個人情報をSNS投稿前に隠せます。強さ調整・元に戻す・元サイズで保存に対応。ブラウザ内処理で安全。
アスペクト比計算
幅×高さからアスペクト比（16:9・4:3など）を自動で約分。比率を保ったリサイズ後の幅・高さ計算、SNS/動画/OGPのプリセット、代表サイズ一覧、CSS aspect-ratioのコピーに対応。
SVG PNG 変換
SVGファイル・SVGコードを高解像度のPNG・JPEG・WebPに一括変換。1x〜4xの倍率や幅px指定、背景透過・背景色指定に対応。ブラウザ内処理でアップロード不要。
画像PDF変換（JPG・PNG → PDF）
JPG・PNG・WebPなど複数の画像を1つのPDFにまとめて変換。並べ替え・削除、A4/B5/A3/レター・画像サイズのページ、向き自動判定、余白・画質指定に対応。ブラウザ内処理でアップロード不要。