画像カラーピッカーとパレット生成
画像から正確な色を選び、主要カラーを抽出、またはHEXからパレットを生成できます。コードのコピーとPNG・CSS・JSON保存はすべてブラウザー内です。
画像から色を選ぶ
画像をここにドロップ、貼り付け、または上のボタンで選択します。
JPEG、PNG、WebP · 1枚 · 最大50 MiB・3200万画素画像のピクセルをタップすると正確な色がわかります。「選択色を反映」で現在のパレット色を置き換えます。
カラーパレット
色見本を選んで詳細を確認し、HEXをコピーするか上部からすべて保存します。
画像カラーピッカーについて
画像カラーピッカーはクリックした元画像の正確なsRGBを取得し、主要カラーを抽出します。HEX指定からのパレット生成も可能です。処理はすべてブラウザー内で完結します。
画像から色を抽出する方法
- JPEG、PNG、WebP画像を選ぶかドロップします。画像なしでHEXから始めることもできます。
- ピクセルを押すとHEX、RGB、HSL、コントラストを表示します。主要カラーを抽出し、色数を調整します。
- HEXをコピーするか、パレットPNG、CSS変数、JSONを保存します。
正確な取色と多様な保存形式
クリックした元画像のピクセルを読み取ります。パレット抽出では小さなサンプルを使用して高速化します。3～12色の生成、コントラスト表示、色の置き換え、PNG・CSS・JSON保存に対応します。
よくある質問
画像はサーバーへ送信されますか？
いいえ。JPEG・PNG・WebPはブラウザー内にとどまり、選択・抽出・保存はローカルで行われます。
1ピクセルを正確に選べますか？
はい。クリック位置を元画像のピクセル位置に変換します。透明なピクセルは白背景に合成した色で表示します。
色形式と保存形式は？
HEX、RGB、HSLと白・黒背景のコントラストを表示。PNGパレット、CSS変数、JSON保存、HEXコピーができます。
画像の上限と透明部分
JPG・PNG・WebPを1枚、最大50 MiB、1辺8192画素、合計3200万画素。アップロードはされません。透明なピクセルは抽出から除外されます。単色画像では指定数より少ない色が得られます。