選択した色
HEX
RGB
保存したスウォッチ
プレビュー
ここに画像をドロップ
またはクリックして参照
JPG · PNG · WebP · GIF
画像 色 抽出とは？
画像 色 抽出では、画像をアップロードし、プレビュー内の任意の点から正確なピクセルカラーをサンプリングできます。デザインマッチング、UIカラーのリバースエンジニアリング、パレット抽出、ビジュアル監査に役立ちます。
画像 色 抽出の使い方
- ツールに画像をアップロードします。
- プレビュー内の任意の場所をクリックして、そのピクセルカラーをサンプリングします。
- 必要なHEXまたはRGB値をコピーします。
- 同じ画像から小さなパレットを作りたい場合は、複数のスウォッチを保存できます。
画像の色ピッキングを理解する ▾
例
入力
商品のスクリーンショットをアップロードし、ボタンの背景色をクリックします
出力
正確なHEXとRGBの値をコピーし、後で参照できるようにスウォッチを保存します
一般的な使用例
- スクリーンショットや商品画像からブランドカラーをサンプリングします
- デザインマッチング用に写真からHEXカラーを抽出します
- インスピレーション画像から素早くスウォッチ参照を作成します
- UI要素を再現する前に正確なピクセルカラーを確認します
このツールを使う理由
- デザインシステム、スクリーンショット、ビジュアルリバースエンジニアリングに役立ちます。
- グラフィックエディタを開かずに正確なHEXとRGBの値を取得できます。
- ローカルで実行されるため、プライベートな画像はデバイス上に保持されます。
よくある質問
画像から色を選択するにはどうすればよいですか？
画像をアップロードし、プレビュー上の任意の点をクリックします。ツールがクリックしたピクセルを読み取り、HEXとRGBの値を即座に表示します。
複数の色を保存できますか？
はい。「スウォッチを保存」を使用すると、選択した複数の色を保存してすばやく比較・コピーできます。
HEXとRGBの出力に対応していますか？
はい。このツールは、現在選択されているピクセルの色について HEX と RGB の両方を表示します。
アップロードした画像はサーバーに送信されますか？
いいえ。色のピッキングはすべてブラウザ内で行われます。