画像の色抽出

写真をドロップすると主な色が表示されます。画像のどこかをクリックすれば、正確な色を取得できます。

このデバイス内で封印済み

ブラウザ内で動作します。何もアップロードされません。

封印済み

使い方

  1. 画像を追加

    写真、スクリーンショット、イラストをドロップするか、デバイスから選択するか、Ctrl+Vで貼り付けます。

  2. 主な色を確認

    すぐにパレットが表示され、多い色から順に並びます。表示する色の数も選べます。

  3. コードをコピー

    1色ずつ、すべての色、またはパレット全体をCSSとしてコピーできます。画像をクリックすれば、任意のピクセルの正確な色を取得できます。

よくある質問

画像はアップロードされますか?

いいえ。画像の読み込みと分析は、お使いのデバイス上でブラウザが行います。サーバーに送信されることはないため、プライベートな写真や未公開のデザインも安心して使えます。

主な色はどのように選ばれますか?

このツールは、k-meansと呼ばれるクラスタリング手法で似たピクセルをグループにまとめます。計算には人間の視覚に近い色空間(OKLab)を使います。各グループがパレットの1色になり、その割合は画像のどれだけを占めているかを表します。

小さく目立つ部分の色がパレットに入らないのはなぜですか?

パレットは、画像のある程度の面積を占める色を優先します。小さな部分は近い色にまとめられることがあります。色の数を増やすか、画像のその部分をクリックして正確な色を取得してください。

透明部分は考慮されますか?

いいえ。PNGロゴの背景のような透明なピクセルやほぼ透明なピクセルは、パレットが偏らないよう無視されます。

どの画像形式に対応していますか?

ブラウザで表示できる形式すべてです。JPG、PNG、WebP、GIF、BMPはどのブラウザでも、AVIFは最近のブラウザで使えます。iPhoneのHEIC写真は、先にJPGに変換してください。

One For Allをパソコンにインストール

インストールすると、One For Allはデスクトップやホーム画面から直接、アプリのように専用のウィンドウで開きます。ストアからダウンロードするものは何もなく、ファイルはこれまでどおりお使いのデバイスに残ります。

  1. アドレスバーの右側にあるインストールアイコンをクリックするか、ブラウザのメニュー(⋮)を開きます。
  2. 「One For Allをインストール」または「ページをアプリとしてインストール」を選ぶと、デスクトップとアプリ一覧にショートカットが追加されます。

このツールのエンジンをダウンロードしますか?

このツールはすべてブラウザ内で動作します。そのため、下記のデータをOne For Allから一度だけダウンロードする必要があります。ダウンロードしたデータはこのデバイスに保存されるので、次回からはすぐに起動します。

お使いのファイルがどこかに送信されることはありません。