無料 · ブラウザ内で動作
無料の画像カラーピッカーオンライン。
写真をドロップ、任意のピクセルにホバー、hex コードを読み取り。hex、 RGB、HSL に加えて上位 8 色のドミナントカラーをパレットとして提供する 無料の画像カラーピッカーです。JPG、PNG、WebP、HEIC に対応。アップ ロード不要、登録不要。
- 100%ブラウザー処理
- ファイルは端末から出ません
- 登録不要、制限なし
- GDPR・CCPA対応
Image Color Picker
Drop an image to pick colors
JPG, PNG, WebP, or HEIC. Hover any pixel, see the hex, RGB, and HSL. Click to save a pick.
このピッカーの中身
ホバー、クリック、コピー。hex は 2 秒で。
単機能特化:任意のピクセルの正確な色を読み取り、加えてドミナントカラーの自動パレット。hex、RGB、HSL をすぐにコピー可能。
ピクセル精度の hex
任意のピクセルにホバーしてライブ読み取り:hex(#RRGGBB)、RGB、HSL。クリックで保存。平均化なし、丸めなし、アップロードなし。
上位 8 色のドミナントカラー
画像のヒストグラムから自動抽出されたパレット。ワンクリックでドミナントスウォッチを選択として保存。
ワンクリックコピー
任意の hex をそのままクリップボードへ。CSS、Tailwind、Figma、Sketch、HTML への貼り付けに即対応。
HEIC 対応
iPhone の HEIC 写真は heic2any 経由でブラウザ内でデコード。同じピッカー、同じホバー、同じ hex 出力。
RGB と HSL も
各選択で hex、RGB、HSL のフォーマットを表示。デザイントークンや CSS 変数に直接貼り付け。
アップロード不要、登録不要
すべてブラウザ内で動作。ファイルが端末を離れることはありません。アカウントなし、日次上限なし、ウォーターマークなし。
よくある質問
画像から色を選ぶことに関するよくある質問。
画像から色を選ぶにはどうしますか?
画像をピッカーにドロップします。任意のピクセルにカーソルを合わせると、読み取りパネルに hex、RGB、HSL の値がリアルタイムで表示されます。そのピクセルをクリックすると選択リストに保存され、Copy を押すと hex がクリップボードに入ります。JPG、PNG、WebP、HEIC に対応。すべてブラウザ内で動作するので、画像がアップロードされることはありません。
色の読み取り精度はどのくらいですか?
ピクセル単位の精度です。画像はオフスクリーンキャンバスでフル解像度にデコードされ、表示されるプレビューはスケーリングされたビューにすぎません。プレビューの座標 (x, y) にホバーすると、フル解像度バッファから正確なピクセルを読み取るので、JPEG 圧縮アーティファクトもそのまま反映され、コピーした hex はファイル内に実際に存在する hex そのものです。
ピッカーはドミナントカラーも表示しますか?
はい。画像が読み込まれるとすぐに、ダウンサンプルしたコピーに対して 32 レベルの RGB キューブヒストグラムを用いて上位 8 色のドミナントカラーを計算します。ロゴからブランドパレットを作成したり、レタッチ用に肌のトーンをサンプリングしたり、部屋の写真に塗料を合わせたりするのに便利です。ドミナントスウォッチをクリックすると、手動選択と同じように保存されます。
HTML / CSS の hex コードは取得できますか?
はい。各選択は 6 文字の hex(#RRGGBB)として表示され、そのまま CSS、Tailwind の設定、Figma、Sketch、HTML のあらゆる color 属性に貼り付けられます。Copy ボタンは # プレフィックス込みで hex をコピーします。
RGB と HSL の値は?
各選択には RGB(例 rgb(220, 53, 69))と HSL(例 hsl(354, 70%, 54%))も表示されるので、どちらかの形式を好む CSS 変数、Tailwind の extends、デザインシステムのトークンにそのまま貼り付けられます。
本当に無料ですか?制限はありますか?
はい。アカウント不要、日次上限なし、ファイルサイズ制限なし、ウォーターマークなし。パイプライン全体がブラウザ内で動作します。あなたの画像を当方が見ることは一切ありません。
iPhone の HEIC 写真から色を選べますか?
はい。HEIC ファイルはブラウザ内で(heic2any 経由で)デコードされ、その後は JPEG とまったく同じように扱われます。ホバー読み取りもドミナントカラーパレットも同じように動作します。
保存した選択が 12 個に制限されているのはなぜですか?
選択リストを見やすく保つためです。12 を超えると最も古いエントリが消えます。それ以上必要な場合は、その都度 hex をコピーしてデザインツールやメモに貼り付けてください。
ドミナントカラーパレットは背景を無視しますか?
自動では無視しません。頻度ベースのヒストグラムなので、最も多いピクセル(多くの場合は背景)が上位に来ます。被写体だけのパレットが欲しい場合は、まず当方のクロップツールで写真を切り抜いてから、切り抜いた画像をピッカーにドロップしてください。
選択をファイルとして保存できますか?
直接はできません。最近の選択リストはセッション中ページ内に保持されます。永続的なパレットには、各 hex を(ワンクリックで)コピーしてデザインツール、CSS ファイル、メモアプリに貼り付けてください。選択は重複排除されるので、同じ hex が連続して表示されることはありません。
撮影時の代替手段
現場で色をサンプリング? iOS アプリは GPS、時刻、住所を写真に焼き込んで撮影します。
現場で塗料、布、素材の色をサンプリングするなら、iOS アプリは各リファレンス写真に日付、GPS、住所をスタンプするので、カラーピッカーに渡す前に写真自体がドキュメント化された状態になります。
Download on theApp Store
iOS 15.6以上・iPhone、iPad、Mac、Vision Pro対応- 全ショットに日付、時刻、GPS、住所を表示
- アトミック(ネットワーク同期)タイムスタンプ
- どのピッカーにも対応する JPEG 出力
- オフラインでも動作、住所は後から補完