画像の色抽出

思い描いた色を、画像から。

ピクセルの色を選び、パレットを見つけて次の制作に使いましょう。

画像

960 × 640

窓辺の花 · サンプル

クリックで選択 · 矢印キーで移動 · Shift で 10 ピクセル

画像のパレット

色数

色見本をクリックすると、画像内の近い色を表示します。

その他のパレット操作

色

選択した色

ホバープレビュー

HEX#EBE0DB

RGBrgb(235, 224, 219)

HSLhsl(19, 29%, 89%)

自分の画像を使う

画像をドラッグ、または Ctrl / ⌘ + V で貼り付け

画像 URL

ブラウザーが直接取得します。画像の配信元が CORS を許可している必要があります。

画像はサーバーにアップロードされません。

色の抽出とパレット生成はすべてブラウザー内で行われます。

画像から色を抽出するには？

画像を用意

ファイルを選択、ドラッグ、貼り付け、または画像 URL を入力します。
色を選択

画像にポインターを重ねて拡大表示し、クリックやタップでピクセルを選びます。
制作に活用

HEX、RGB、HSL をコピーし、好きな色を集めて SVG パレットを保存します。