🖼️
画像変換
画像変換
🖼️
ここに画像をドラッグ
JPG · PNG · WebP · HEIC 対応 — 1枚のみ処理されます
Ctrl+Vでクリップボードの画像を貼り付け可能
画像カラー抽出機能
Color Picker / スポイト — 写真・デザインカンプ・スクリーンショットから、ピクセル単位で色を取り出します。 カーソルに追従するルーペが周辺ピクセルを13倍に拡大するため、境界線やグラデーションのような微妙な位置も正確に選べます。 HEX・RGB・HSLの3表記を同時に表示し、クリック一つでコピーできます。抽出した色はパレットに蓄積され、HEX一覧やCSS変数としてまとめてコピーできます。 画像はサーバーに送信されず、ブラウザ内だけで処理されます。
使い方
① 画像をドラッグ＆ドロップ、またはクリックして1枚アップロードします。 ② 画像の上でマウスを動かすと、ルーペが追従してピクセルを拡大します。 ③ 任意の位置をクリックするとHEX・RGB・HSLの値が表示されます。（スマホは指で押したままドラッグして離します） ④ 値をタップするとクリップボードにコピーされ、抽出した色は下のパレットに蓄積されます。
こんなときに
• ロゴやカンプから正確なブランドカラーコードを確認 • 参考画像の配色をパレットにまとめてデザインに活用 • スクリーンショットからUIの色を抽出してCSS変数に反映 • 写真の雰囲気を活かした配色リファレンスの収集
よくある質問
- Q. どのカラー表記に対応していますか？
- A. HEX（#RRGGBB）・RGB・HSLの3種類を同時に表示します。各値をタップすると、その表記だけがクリップボードにコピーされます。
- Q. 拡大しても色は正確ですか？
- A. はい。ルーペは元の解像度のピクセルを補間せずそのまま拡大し、カラー値も画面上の表示サイズではなく元画像のピクセルから読み取ります。ただしJPGのような非可逆圧縮画像は、保存の過程で色がわずかに変化している場合があります。
- Q. スマートフォンでも使えますか？
- A. はい。指で画像を押したまま動かすと、指の上にルーペが表示されるため隠れません。目的の位置で指を離すと、そのピクセルの色が抽出されます。
- Q. 抽出した色をまとめて取り出せますか？
- A. パレットの「HEX一覧をコピー」を押すと改行区切りのHEXコードが、「CSS変数をコピー」を押すと --color-1 形式のCSS変数宣言がコピーされます。
- Q. iPhoneで撮ったHEIC写真も使えますか？
- A. はい。HEIC・HEIFファイルはアップロード時にブラウザ内で自動変換されてから色を読み取ります。
- Q. 画像はサーバーに送信されますか？
- A. いいえ。画像のデコードもピクセルの読み取りもすべてブラウザ内で行われ、外部に送信されることはありません。