画像から色を取る方法
画像を開いて、ほしい色の場所をクリックまたはタップします。ルーペにまわりのピクセルが拡大表示されるので、狙った 1 ピクセルを正確に選べます。色は HEX・RGB・HSL で表示され、それぞれワンタップでコピー可能。選んだ色は下のリストにたまっていくので、いくつも集められます。
配色の抽出のしくみ
画像の数千ピクセルを調べ、似た色どうしをグループにまとめます(k-means クラスタリングという方法です)。各グループが 1 つの色になり、多く使われている順に、画像に占める割合といっしょに並びます。写真やイラスト、キャラクターデザインからカラースキームを作るのに便利です。
HEX・RGB・HSL の違い
HEX(#e0479e)は Web やデザインアプリでいちばんよく使われる形式です。RGB は赤・緑・青の量を 0〜255 で表します。HSL は色相・彩度・明度で表すので、同じ色の明るい版や暗い版を作るときに便利です。
画像はアップロードされる?
されません。処理はすべてお使いのブラウザの中で行われ、画像が端末の外に出ることはありません。ページを開いたあとはオフラインでも使えます。