01
画像をアップロード
端末から対応するJPG、PNG、WebP、AVIFファイルを選択します。
画像から色を取得
ポインターの下にあるピクセルをリアルタイムで確認し、表示上の1ピクセルを固定して、アルファ値を含むHEX、RGB、HSL、HSVの値をコピーできます。
ピクセルをリアルタイム表示4つのコピー形式アルファ値に対応
画像上でポインターを動かすか、タッチ操作でドラッグしてピクセルを確認します。矢印キーで細かく移動し、Enterキーまたはスペースキーで色を固定します。
カラーピッカーの現在の制限
- 1回の選択で取得するのは表示上の1ピクセルです。周囲のピクセルの平均を計算したり、物体ごとに色を判別したりすることはできません。
- カラーパレットの自動生成や、複数の色見本の書き出しには対応していません。
画像から色を取得する方法
表示上の正確な1ピクセルを3ステップで確認してコピーできます。
02
ピクセルをリアルタイムで確認
画像上でポインターを動かすか、タッチ操作でドラッグするか、矢印キーを使って、表示上の1ピクセルの色を確認します。
03
色を固定してコピー
クリックするか、Enterキーまたはスペースキーを押して選択中の色を固定し、HEX、RGB、HSL、HSVの値をコピーします。
ピクセル単位の色をそのままコピー
ライブ表示と固定した色
ライブ表示の色はポインターやキーボードの位置に合わせて変わり、選択した色はコピーできる状態で固定されます。
HEX・RGB・HSL・HSV
固定したピクセルを、デザインや開発作業に合うカラー形式でコピーできます。
アルファ値を含む出力
透明なピクセルは、8桁HEX、RGBA、HSLA、HSVAでアルファ値を含めて出力されます。
画像カラーピッカーに関するよくある質問
ライブカラーと選択した色の違いは？
ライブカラーは画像上の位置を動かすと変わります。選択した色は、クリックするかEnterキーまたはスペースキーを押して固定した表示上の1ピクセルで、その値はそのままコピーできます。
カラーピッカーは透明度にも対応していますか？
はい。ピクセルが完全に不透明でない場合、コピーするHEX、RGB、HSL、HSVの値にアルファチャンネルが含まれます。
カラーパレットを自動で作成できますか？
いいえ。このツールは表示上のピクセルを1つずつ読み取るもので、画像からカラーパレットを自動生成する機能はありません。