画像から配色を取得

画像から配色を取り出す手順

1. 上の枠をクリックするか、画像をドロップします。
2. 色数と並び順を選びます。
3. 見本をクリックすると HEX コードをコピーできます。配色全体を CSS 変数としてコピーすることもできます。

よくある質問

色はどう選ばれるのですか?

メディアンカットという方法です。全画素をひとつの色の箱とみなし、最も幅の広いチャンネルで分割することを、指定した色数の箱になるまで繰り返します。各箱がその平均色を出します。画像をパレットに落とし込むときと同じ考え方で、いちばん明るい数画素ではなく、画面を占めている色を見つけます。

パーセントは何を表しますか?

その色のグループに入った画素の割合です。どの色が画面を占め、どれが差し色かが分かります。

写真より色がくすんで見えるのはなぜですか?

各見本はグループの平均なので、ばらつきの大きい写真では色が落ち着きます。色数を増やせばグループが細かく分かれ、より純度の高い色になります。

一点だけの色を知りたいときは?

画像カラーピッカーを使うと、クリックした画素そのものの色が分かります。

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

いいえ。すべてブラウザの中で処理されるため、ファイルが端末の外に出ることはなく、どのサーバーにも保存されません。