画像からカラーパレットを抽出
プライバシー優先設計 — すべてブラウザ内で処理します
ブラウザ内で画像からカラーパレットを抽出します。写真、ロゴ、スクリーンショットをドロップすると、Toovaは主要な色をHEXとRGBの値で表示し、そのままデザインシステムやスタイルシートに貼り付けられます。画像はどこにもアップロードされません。
抽出の仕組み
Toovaは画像からピクセルをサンプリングし、知覚的な色の類似性でクラスタリングし、最も目立つシェードを表示します。パレットに含める色数を選択できます。ブランド画像なら通常5〜10色で十分にカバーできます。各色はHEXとRGBコード付きのスウォッチとして表示され、ワンクリックでコピーできます。画像のうちその色が占める割合もパーセンテージで表示されます。
ユースケース
新しいWebサイトのカラーパレットを、ヒーロー画像から構築できます。既存のロゴから、ブランドに沿った補助色を生成できます。手動でピクセルを拾わずに、競合サイトを支配する色を調査できます。Toovaは、画像をデザインツールに入れてカラーピッカーで取るより速く、結果はCSS、Tailwind設定、任意のデザインシステムにそのまま貼り付けられます。
画像は端末上に留まる
Toovaは画像をブラウザ内で読み込みます。ファイルがサーバーへアップロードされることはなく、内容のログ記録もありません。未公開モックアップ、顧客の写真、独自のブランドアセットを含む画像を扱うときに重要です。抽出中Networkタブは空のままで、最初の読み込み後はオフラインでも動作します。
よくある質問
- 色は何色抽出すればよいですか？
- 5色でほとんどのブランドアイデンティティをカバーできます。8〜10色なら、バリエーションやアクセントのためのシェードがさらに得られます。12色を超えるとシェード間の差が肉眼で知覚できる差より小さくなり、ノイズになります。
- どの画像形式に対応していますか？
- ブラウザがネイティブにデコードできる任意の形式、JPEG、PNG、WebP、AVIF、GIFに対応しています。SVGも対応しています。ファイルサイズの制限はブラウザのメモリ容量だけです。
- 透明な背景はパレットに含まれますか？
- 抽出中、透明なピクセルは無視されるため、透明な背景の上のロゴからは意味のある色だけが返されます。アルファチャンネル付きのPNGやWebP画像は正しく処理されます。
- ファイルをアップロードする代わりに、URLから抽出できますか？
- はい。URLを貼り付けると、Toovaがブラウザ内で直接画像を取得します（取得元のCORSポリシーに従います）。CORSで取得に失敗した場合、画像をダウンロードして入力エリアにドロップしてください。
- 画像はどこかへ送信されますか？
- いいえ。画像処理はすべてブラウザ内で行われます。ファイルが端末から外に出ることはありません。