画像からカラーピッカー(スポイト)

画像の任意のピクセルの色を選んで HEX・RGB・HSL・CMYK の値を表示し、画像の主な色とその割合も抽出します。

読み込み中…

使い方

  1. 画像を選ぶか、枠にドラッグ&ドロップするか、Ctrl+V で貼り付けます。PNG・JPEG・WebP・GIF に対応しています。
  2. 画像の上でポインターを動かすと、拡大鏡とカーソル下の色が表示されます。
  3. 画像をクリックまたはタップすると色が選ばれ、HEX・RGB・HSL・CMYK の値がコピーボタン付きで下に表示されます。
  4. 選んだ色は「最近の色」に見本として残ります(最新 10 件)。見本を押すともう一度表示します。
  5. 「主な色」には画像でよく使われている色が割合とともに表示されます。色の数を変えたり、HEX 値をまとめてコピーしたりできます。

よくある質問

画像はアップロードされますか?
いいえ。画像はブラウザの中だけで読み込み、分析します。
CMYK の値に「概算」と付くのはなぜですか?
カラープロファイルを使わず、単純な RGB→CMYK の式で計算した値だからです。実際の印刷色は用紙・インク・プロファイルで変わるため、目安として使ってください。
主な色はどうやって求めていますか?
画像を約 200 ピクセルに縮小し、透明なピクセルを除いてから似た色をまとめます(median cut の後に k-means で補正)。割合は各グループに含まれるピクセルの比率です。
画像の外の色も選べますか?
対応しているブラウザ(最新のデスクトップ版 Chrome・Edge など)では「画面から色を選ぶ」ボタンが表示され、画面に見えている任意の色を選べます。
デザインファイルの色と少し違います。
カラープロファイルを含む画像はブラウザが sRGB に変換して表示することがあり、JPEG は圧縮でピクセル値が少し変わります。値はブラウザが画像をデコードした後の色です。