プライベートのブラウザ内カラーツール

画像カラー抽出ツール

画像をアップロードしてその主要なカラー パレットを生成するか、プレビュー上の任意の場所をクリックして正確な色を選択します。

画像のアップロードはありませんクリックしてピクセルをサンプリングしますHEX、RGB、HSL

ここに画像をドロップしてください

JPG、PNG、WebP、AVIF、GIF、BMP · 最大 50.0 MB

Local processing · No sign-up · No watermark

画像はデバイス上に残ります

カラー分析は、ブラウザーの Canvas API を使用してローカルで実行されます。元の色と抽出された色がサーバーに送信されることはありません。

Local processing · No sign-up · No watermark

仕組み

3 つのステップで画像パレットを構築する

Find reusable colors in photos, screenshots, and design mockups for brand work, web design, illustration, photo analysis, and social assets.

  1. 01

    画像を追加する

    共通のイメージ ファイルを選択またはドロップします。ブラウザはそれをローカルで読み取ります。

  2. 02

    色を探索する

    5、8、または 12 色のパレットを作成するか、画像をクリックして 1 ピクセルをサンプリングします。

  3. 03

    コピーまたはエクスポート

    HEX、RGB、または HSL を選択し、パレットをコピーするか、CSS 変数をダウンロードします。

FAQ

よくある質問

私の画像はサーバーにアップロードされていますか?

いいえ。画像のデコード、ピクセル サンプリング、カラー クラスタリング、および正確なピッキングはすべてこのブラウザ内で行われます。

主要な色が画像とわずかに異なる場合があるのはなぜですか?

パレットは、類似したピクセルを代表的な色にグループ化します。 1 ピクセルの正確な値が必要な場合は、画像をクリックしてください。

透過PNGファイルはサポートされていますか?

はい。完全に透明なピクセルは無視されます。可視領域と部分的に透明な領域が分析に参加します。

デザインまたはコードベースで色を使用するにはどうすればよいですか?

個々の HEX、RGB、または HSL 値をコピーするか、パレット全体をコピーするか、CSS カスタム プロパティをダウンロードします。

関連ツール

画像ワークフローを継続する

Formats

サポートされている画像形式

Common still-image formats work directly. GIF files are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

一般的な使用例

  • Find brand or theme colors from a photo
  • Create a palette reference for web, app, or poster design
  • Grab an exact HEX value from a screenshot
  • Check dominant color balance in a mockup

Keep exploring

関連ツールとガイド