画像カラーピッカーとは#

画像カラーピッカーは、画像の任意の画素の色を正確に読み取るツールです。画像を読み込むと、カーソルに追従するルーペが周辺の画素を拡大します。1つの画素を狙って拾うことも、小さな範囲を平均して拾うこともできます。

色はHEX・RGB・HSL・OKLCHで表示され、それぞれを個別にコピーできます。拾った色は履歴に残ります。画像の読み取りはブラウザ内で行われ、アップロードされることはありません。

使い方#

1 px: カーソル直下の画素そのものです。
3 × 3・5 × 5: カーソルを中心にした正方形の範囲の平均です。赤・緑・青・alphaの各チャンネルをそれぞれ平均します。ノイズや圧縮によるむら、輪郭のぼけをならせます。

画像の端では、正方形が画像内に収まるように移動します。カーソルの画素は必ず含まれます。画像が正方形より小さいときは、画像全体を平均します。

alphaチャンネルも値に含まれます。

拾った色は新しい順に履歴へ追加されます。同じ色は重複して追加されません。行を選ぶと色のパネルに表示されます。一覧をまとめて空にすることもできます。すべてコピーでは、履歴をHEXのカンマ区切り(新しい順)でコピーします。履歴はページを再読み込みするまで残ります。

画像にフォーカスを合わせ、矢印キーでカーソルを1 pxずつ動かします。EnterキーまたはSpaceキーでカーソル下の色を拾います。

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