IsekaiKit › ツール

画像カラーピッカー

画像を開いて、気になる場所をタップするだけ。ルーペでピクセル単位で狙えて、画像全体の主な色も自動でまとめてくれます。

ヒント:スマホでは指を置いたままスライドすると、ルーペに指の下の色が表示されます。指を離すとその色を選びます。

画像から色を取る方法

画像を開いて、ほしい色の場所をクリックまたはタップします。ルーペにまわりのピクセルが拡大表示されるので、狙った 1 ピクセルを正確に選べます。色は HEX・RGB・HSL で表示され、それぞれワンタップでコピー可能。選んだ色は下のリストにたまっていくので、いくつも集められます。

配色の抽出のしくみ

画像の数千ピクセルを調べ、似た色どうしをグループにまとめます(k-means クラスタリングという方法です)。各グループが 1 つの色になり、多く使われている順に、画像に占める割合といっしょに並びます。写真やイラスト、キャラクターデザインからカラースキームを作るのに便利です。

HEX・RGB・HSL の違い

HEX(#e0479e)は Web やデザインアプリでいちばんよく使われる形式です。RGB は赤・緑・青の量を 0〜255 で表します。HSL は色相・彩度・明度で表すので、同じ色の明るい版や暗い版を作るときに便利です。

画像はアップロードされる?

されません。処理はすべてお使いのブラウザの中で行われ、画像が端末の外に出ることはありません。ページを開いたあとはオフラインでも使えます。

ほかにもどうぞ

画像を 2048×1536 に変換 どんな画像も 2048×1536 / 1536×2048 に。引き伸ばし・トリミングなし。 画像圧縮・形式変換 JPG・PNG・WebP を軽くしたり、相互に変換したり。一括処理・ZIP 対応。 QR コード作成 URL やテキストを QR コードに。色の変更・PNG 保存に対応。 画像を PDF に変換 JPG・PNG・WebP を 1 つの PDF にまとめる。並べ替え、A4 / レター対応。 画像トリミング 画像を 1:1・16:9・4:3 や自由なサイズで切り抜き。回転・反転も。 ミーム画像メーカー 自分の画像に定番のミーム風テキストを上下に。文字はドラッグで自由に配置。 ファビコン作成 画像や絵文字から favicon.ico、Apple・Android 用アイコンを作成。