画像からカラーパレット・スポイト

画像からカラーパレットを抽出し、スポイトで任意のピクセルの色を取得。HEX・RGB・HSL コードをコピーできます。無料で、画像はアップロードされません。

ここにファイルをドラッグするか、Ctrl+V(Macでは⌘+V)でスクリーンショットを貼り付けることもできます。 画像はブラウザが読み込むだけで、どこにも送られません。アップロードも保存も行いません。

できること


このツールは、写真、ロゴ、スクリーンショットのメインカラーを見つけてパレットとして表示し、それぞれの色が画像に占める割合も示します。人間の知覚に合った色空間で k-means 法を使って似た色をまとめるので、実際に目に見える色がパレットに表れます。画像の任意の点をクリックすれば、そのピクセルの正確な色を HEX、RGB、HSL、OKLCH で取得することもできます。画像はブラウザ内で処理されます。

使い方


  1. 画像を選択、貼り付け、またはドラッグします。
  2. メインカラーを確認し、表示する色数を選びます。
  3. 色をクリックしてコードをコピーするか、画像をクリックして任意のピクセルの色を取得します。

よくある質問


メインカラーはどのように選ばれますか?
画像を約 25,000 ピクセルに縮小し、似た色をグループにまとめます。各グループがパレットの1色になり、画像に占める割合の大きい順に並びます。同じ画像からは常に同じパレットが得られます。

取得した色が予想と少し違うのはなぜですか?
写真は少しずつ色の異なるピクセルでできており、特に輪郭や影の部分でその差が大きくなります。また、圧縮された JPEG 画像では小さなばらつきが加わります。色が均一な部分の少し内側をクリックすると、その代表的な色が得られます。

画像はアップロードされますか?
いいえ。画像はブラウザ内で読み込まれ分析されるため、どのサーバーにも送信されません。

Wikipedia — k-means clustering
Wikipedia — Web colors