画像カラーピッカー

画像から色を抽出する無料カラーピッカー

画像を読み込むと、その正確な色を読み取れます。カーソルを合わせるとルーペでその位置の色を確認でき、クリックするとコピーできます。画像を読み込んだ直後には、主要色のパレットも表示されます。すべてブラウザ内で処理されるため、画像がサーバーに送信されたり保存されたりすることはありません。

色を正確に取得

ルーペはポインター周辺のピクセルを約9倍に拡大し、読み取っているピクセルを正確に示します。グラデーションや細い線、小さな部分でも狙った色を簡単に選べます。ポインターを動かすと、値はリアルタイムで更新されます。

パレットを自動で抽出

1色ずつクリックしなくても、画像を読み込むとすぐにツールが画像全体を分析し、多く使われている色をメディアンカット法でまとめて表示します。色数は5〜16色から選べます。ロゴや写真、ブランドガイドラインに向いています。各色はクリックでコピーでき、パレット全体をCSS変数、HEXリスト、JSONとして書き出せます。

HEX、RGB、HSL、OKLCH

どの色も必要な形式でコピーできます。普段のCSSにはHEX、手作業で調整するならRGBやHSL、人の知覚により近いモダンなパレットにはOKLCHが便利です。形式を切り替えると、画像を再分析することなく、カーソル位置の色とパレット全体が更新されます。