画像の色抽出
写真をドロップすると主な色が表示されます。画像のどこかをクリックすれば、正確な色を取得できます。
このデバイス内で封印済み
ブラウザ内で動作します。何もアップロードされません。
封印済み
画像
画像をクリックまたはタップすると、そのピクセルの色を取得できます。
取得した色
主な色
この画像は完全に透明なため、抽出できる色がありません。
使い方
-
画像を追加
写真、スクリーンショット、イラストをドロップするか、デバイスから選択するか、Ctrl+Vで貼り付けます。
-
主な色を確認
すぐにパレットが表示され、多い色から順に並びます。表示する色の数も選べます。
-
コードをコピー
1色ずつ、すべての色、またはパレット全体をCSSとしてコピーできます。画像をクリックすれば、任意のピクセルの正確な色を取得できます。
よくある質問
画像はアップロードされますか?
いいえ。画像の読み込みと分析は、お使いのデバイス上でブラウザが行います。サーバーに送信されることはないため、プライベートな写真や未公開のデザインも安心して使えます。
主な色はどのように選ばれますか?
このツールは、k-meansと呼ばれるクラスタリング手法で似たピクセルをグループにまとめます。計算には人間の視覚に近い色空間(OKLab)を使います。各グループがパレットの1色になり、その割合は画像のどれだけを占めているかを表します。
小さく目立つ部分の色がパレットに入らないのはなぜですか?
パレットは、画像のある程度の面積を占める色を優先します。小さな部分は近い色にまとめられることがあります。色の数を増やすか、画像のその部分をクリックして正確な色を取得してください。
透明部分は考慮されますか?
いいえ。PNGロゴの背景のような透明なピクセルやほぼ透明なピクセルは、パレットが偏らないよう無視されます。
どの画像形式に対応していますか?
ブラウザで表示できる形式すべてです。JPG、PNG、WebP、GIF、BMPはどのブラウザでも、AVIFは最近のブラウザで使えます。iPhoneのHEIC写真は、先にJPGに変換してください。