いくつのカラーを抽出できますか？

2〜16のドミナントカラー。デフォルトは6です。

URLからカラーを抽出できますか？

はい、公開画像URLをペーストするとツールがフェッチして分析します。CORS制限により一部のURLが読み込めない場合があります。

どのエクスポートフォーマットが利用可能ですか？

CSSカスタムプロパティ、Sass変数、JSON、Adobe ASEスウォッチ、FigmaデザイントークンのJSON。

透明なPNG画像でも使えますか？

はい。透明なピクセルはカラー分析から除外されます。

無料で使えますか？

完全無料、アカウント不要です。

← Back to Tools

🎨

🌐 Runs in Browser⏱ Est. 1–3 seconds

カラーパレット抽出

任意の画像からドミナントカラーパレットを即座に抽出

Try It Now — Free

What is カラーパレット抽出?

画像をアップロードし、k-meansクラスタリングを使用してドミナントカラーパレットを抽出。HEX、RGB、HSL、CMYKコードを取得。パレットをCSS、JSON、Adobe ASE、Figmaトークンにエクスポート。

Key Features

k-meansクラスタリングで2〜16のドミナントカラーを抽出

各カラーのHEX、RGB、HSL、CMYK値を取得

カラー比率の可視化

CSSカスタムプロパティ、JSON、Sass変数にエクスポート

Adobe ASE（スウォッチ）ファイルエクスポート

FigmaデザイントークンJSONエクスポート

アクセシビリティチェック：抽出されたカラー間のWCAGコントラスト比

ドラッグ＆ドロップまたはURL入力

How It Works

画像をアップロード

画像をドロップするか、公開画像URLを入力します。JPEG、PNG、WebP、GIFをサポート。

クラスタリング

ダウンサンプリングされたピクセルデータでk-meansが実行され、ドミナントカラークラスターを特定します。

パレットを確認

正確なカラーコード付きのスウォッチを確認します。カラー数（2〜16）を調整します。

エクスポート

コードをコピーするか、希望するフォーマットでパレットをエクスポートします。

Who Is This For?

▸ロゴ画像からブランドパレットを抽出するデザイナー
▸リファレンス画像からカラーテーマを作成する開発者
▸リファレンスアートワークのカラースキームを分析するアーティスト
▸ブランドカラーの一貫性を確保するマーケター

Why Use カラーパレット抽出?

Unlike cloud-based alternatives that upload your files to remote servers, カラーパレット抽出 runs entirely in your browser. Your data stays private. No account, no subscription, no upload limits — just instant results. Built with cutting-edge web technologies including WebAssembly and WebGL for near-native performance.