ファイルはブラウザ内でローカル処理され、サーバーへアップロードされません。
画像カラーピッカー
写真やスクリーンショットから正確な色を取得します。画像をクリックするとHEX、RGB、HSL値が表示され、CSSやデザインツールへコピーできます。
読み込み中…
画像から色を取得する方法
- 01色を調べたい写真またはスクリーンショットを選択します。
- 02任意の画素をクリックすると、色見本とHEX、RGB、HSL値が表示されます。
- 03必要な値をワンクリックでコピーし、コードやデザインファイルに貼り付けます。
ツールの特徴
ローカル処理
写真から色を選び、HEX・RGB・HSL値をワンクリックでコピーできます。ブラウザでオフライン動作するスポイトです。
わかりやすい設定
任意の画素をクリックすると、色見本とHEX、RGB、HSL値が表示されます。
すぐに書き出し
必要な値をワンクリックでコピーし、コードやデザインファイルに貼り付けます。
関連する無料ツール
よくある質問
表示される値は正確ですか？+
正確です。クリックした位置の画像をデコードした元の画素から直接読み取ります。
他のツールと色の値が少し違うのはなぜですか？+
ICCプロファイルやブラウザの拡大縮小により差が出る場合があります。このツールはデコードした生の画素を読み取ります。
複数の色を続けて取得できますか？+
一度に保持する色は1つです。別の画素をクリックすると現在の色見本が置き換わります。
画像からHEXカラーコードを取得するには？+
画像をアップロードし、目的の画素をクリックして、カラーピッカーに表示されたHEX値をコピーします。