画像からカラーパレット

写真、スクリーンショット、ロゴを開くとメインカラーがわかります。画像のどこかをクリックすると正確な色を取得でき、コードをコピーできます。

  • 完全無料
  • アップロード不要
  • HEX・RGB・HSL

ここに画像をドロップ

または

JPG、PNG、WebP、GIF、BMP、AVIF

すべて端末上で動作します。何もアップロードされません。

画像から色を取り出す方法

  1. 1

    画像を開く

    JPG、PNG、WebP などの画像をドロップするか、端末から選びます。

  2. 2

    パレットを取得

    メインカラーがすぐに表示されます。色の数は変更できます。

  3. 3

    コードをコピー

    色をクリックすると HEX コードをコピー。パレット全体を CSS としてもコピーできます。

このカラーピッカーの特長

スマートなパレット

似たピクセルをまとめ、画像を本当に構成している色を見つけます。

スポイト

画像の任意の点をクリックすると、その色をそのまま取得できます。

プライベートで安全

ファイルやテキストはブラウザー内にとどまり、アップロードされることはありません。

どこでも使える

パソコンとスマホの Chrome、Edge、Safari、Firefox に対応。インストール不要。

写真、ロゴ、デザインの色を調べる

AIOCreate のカラーパレット抽出は、どんな画像からも主要な色を見つけます。ロゴからブランドカラーを合わせる、写真から Web サイトのテーマを作る、デザインや服、部屋づくりのヒントを得るのに使えます。

各色には画像内での割合と HEX、RGB、HSL のコードが付きます。パレットは CSS 変数としてコピーするか、PNG の帯としてダウンロードできます。

カラーパレット抽出のよくある質問

画像から色のコードを取得するには?

画像を開き、知りたい点をクリックします。HEX と RGB のコードが表示され、ワンクリックでコピーできます。

何色まで取り出せますか?

3〜12 色です。スライダーで選べます。

パレットを自分のサイトで使えますか?

はい。「CSS としてコピー」を押すと、色を CSS 変数として取得できます。

無料ですか?

はい。完全無料で、登録不要、制限なし、透かしもありません。

データはアップロードされますか?

いいえ。すべてお使いの端末のブラウザー内で処理されるため、プライバシーが守られます。

すべてのメディアツールを、わかりやすく

6 カテゴリーで 50 以上のツールを順次公開。よく使われるものから順に追加します。

ツールを見る