画像から色を抽出
画像をここにドロップするかクリックして選択
HEX
— RGB
— HSL
— 画像の上を動かすとピクセルを確認できます。クリックで固定します。ファイルは端末に残ります。
ポインタ下の色を HEX・RGB・HSL でコピーします。ブランドカラー、UIの見本、印刷サンプルを合わせるのに使えます。画像は送信しません。
使い方
- JPG、PNG、WebP、GIF、BMP を選びます。iPhone の HEIC は先に変換してください（HEIC → JPG）。
- 画像の上を動かします。見本と拡大がポインタ下のピクセルに追従します。
- クリックでその色を固定します。HEX・RGB・HSL をコピーするか、パレットのチップをクリックします。
数値の意味
HEX は6桁のウェブカラーです。例: #0369A1。RGB は0から255の3チャンネルで同じ色を表します。HSL は色相・彩度・輝度で、同じ色相の明るい版だけ欲しいときに動かしやすい形式です。
サンプルは読み込んだ画像の1ピクセルです。強く圧縮された写真は文字やロゴの周りに隣の色のにじみを残します。意図した色が欲しいときは、アンチエイリアスの縁ではなく面の平らな部分をクリックしてください。
質問
画像はアップロードされますか？
いいえ。このタブのキャンバスに描かれるだけです。タブを閉じると消えます。
スクリーンショットから色を取れますか？
はい。PNG のスクリーンショットがいちばんきれいです。再圧縮されないためです。
文字の縁が濁った色になるのはなぜですか？
画面は文字をアンチエイリアスします。縁の灰色のピクセルではなく、画の真ん中を取ってください。