Image Tools
画像から色を抽出するカラーピッカー（無料）
画像の好きな場所をクリックするだけで、正確なHEX・RGB・HSL・CMYKの値を取得できます。拡大表示付き。ファイルはブラウザの外に出ません。
ファイルは保存されませんすぐに完了登録不要
🔒 ファイルはブラウザの外に出ません。処理はすべてローカルで行われます。
画像から色を取得する方法
- 1
画像をアップロード
アップロード欄をクリックするか、画像をドラッグ＆ドロップします。JPG、PNG、WebP、GIFに対応しています。
- 2
カーソルを重ねるかクリック
画像の上でマウスを動かすと、カーソル位置の色が表示されます。クリックするとその色を固定し、値をコピーできます。
- 3
カラーコードをコピー
HEX・RGB・HSL・CMYKのいずれかの形式をクリックすると、クリップボードにコピーされます。選んだ色は下の履歴に保存されます。
画像カラーピッカーを使うと、写真やグラフィックから正確な色の値を取得できます。ブランドカラーを合わせたいデザイナー、モックアップからHEXコードをコピーしたい開発者、参考画像からパレットの色を拾いたいアーティストに便利です。
HEX・RGB・HSL・CMYKの違い：HEXはWebのCSSで標準的に使われます。RGBは画面向けのデザインツールで使われます。HSLは明るさや彩度の調整に直感的です。CMYKは印刷デザインの標準です。このツールは4つの形式を同時に表示するので、作業に合う形式をそのままコピーできます。
拡大表示では、カーソル周辺を10倍に拡大して表示するため、細かい画像でも1ピクセル単位で狙いやすくなります。処理はすべてブラウザ内のCanvas要素で行われ、画像がサーバーにアップロードされることはありません。