画像カラー抽出ツールとは#

画像カラー抽出ツールは、画像の主要な色を取り出してコピーできるパレットにします。写真やスクリーンショット、ロゴを読み込むと、似た画素をまとめて少数の色にし、それぞれが画像の中でどのくらいの割合を占めるかを表示します。

色はHEX・RGB・HSL・OKLCHで表示され、パレット全体をまとめてコピーすることもできます。画像の読み取りはブラウザ内で行われ、アップロードされることはありません。1つの画素の色を正確に拾いたいときは画像カラーピッカーを使います。

使い方#

並び順とコピー形式は表示だけを変えるので、いつでも切り替えられます。

モードは、パレットを選ぶときにどの画素を重く見るかを変えます。

モードは色そのものを変えるのではなく、画像の中にある色の選ばれ方を変えます。画像に鮮やかな色が少なければ、鮮やかでも鮮やかにはなりません。もともと一方に寄った画像では、モードの差は小さくなります。

割合: 各色に表示される比率です。除外した後に数えた値です。
比率バー: パレットを1本の帯にしたものです。各区間が1色で、幅が割合になります。マウスを重ねると値と割合が表示され、区間を選ぶとその色をコピーできます。
並び順: 出現頻度・色相・明度でパレットを並べ替えます。
コピー形式: 値の表示とコピーをHEX・RGB・HSL・OKLCHで切り替えます。
すべてコピー: 選択した形式で、全色を1行ずつコピーします。

白と黒に近い画素は既定で除外されます。背景や影が目的の色を押しのけないようにするためです。除外の強さで、白や黒にどれだけ近い画素を除くかを調整できます。

PNG・JPEG・WebP・GIF・BMP・AVIFに対応しています。アニメーションGIFは1コマ目のみを使います。SVGには対応していません。SVGは画素を直接読み取れないためです。透明な画素は色として数えません。

色を読み取る前に、画像は長辺200pxに縮小されます。パレットの再計算を速くするためです。主要な色は変わりませんが、ごく小さい模様や細い線は縮小で消えることがあります。