このツールでできること
Image Palette Extractorは、画像内の主要な色をブラウザー内で直接見つけます。 画像をサンプリングし、見た目が近いピクセルをグループ化して、各色のHEX、 RGB、HSL、割合を含む実用的なパレットを返します。
適した用途
- スクリーンショット、ロゴ、写真、モックアップからブランド色や商品色を抽出する。
- ランディングページ、サムネイル、デザイン受け渡し用のCSSパレットをすばやく作る。
- 画像の中で、1つの主要色と補助的なアクセント色が占める割合を比較する。
- ファイルをサーバーへ送らずに、プライベートな画像を扱う。
エクスポートオプション
結果は、プレーンなHEXリスト、CSSカスタムプロパティ、JSONとしてコピーできます。
CSS形式は--palette-1のような変数が必要なときに便利です。JSONでは、
スクリプトやデザイン自動化で使えるように、色形式と占有率をまとめて保持できます。
注意点
- パレット抽出は近似です。すべてのピクセル色を完全に一覧化するのではなく、 視覚的に有用な色グループを生成するためのものです。
- アイコンや切り抜きがパレットを偏らせないよう、透明ピクセルは既定で無視されます。 透明部分自体が作品の一部である場合は、この設定をオフにしてください。
- 精密な品質設定ではより多くのピクセルをサンプリングするため、非常に大きな画像では 遅くなる場合があります。