カラーパレットを抽出する

ローカル画像から3~12の代表的な色の決定論的パレットを作成し、HEX、RGB、概算比率、さらにCSSおよびJSON形式で出力します。

このツールが役立つ場合

画像をアップロードせずに、デザイン、プレゼンテーション、テーマ、ムードボード、アクセシビリティレビューのための初期カラセットを作成する。

局所処理の仕組み

ブラウザはデコード済みピクセルを決定論的にサンプリングし、完全に透明なピクセルを除外し、近接色を境界量子化でグループ化し、得られたクラスタをランク付けし、それぞれのおおよその割合を報告します。

使い方

  1. ソースを準備する: 画像をアップロードせずに、デザイン、プレゼンテーション、テーマ、ムードボード、アクセシビリティレビューのための初期カラセットを作成する。
  2. ローカルで処理する: ブラウザはデコード済みピクセルを決定論的にサンプリングし、完全に透明なピクセルを除外し、近接色を境界量子化でグループ化し、得られたクラスタをランク付けし、それぞれのおおよその割合を報告します。
  3. ダウンロードして確認する: スウォッチを意図する表示上で重要なオリジナル領域と比較し、小さなアクセントカラーは手動で確認し、パーセンテージは量子化された推定値として扱います。

重要な制限事項

量子化されたサンプルパレットは近似であり、すべてのソース色のリストではありません。グラデーション、ノイズ、透明色、埋め込みカラープロファイル、および広色域変換により選択されるスウォッチが変わることがあります。

ダウンロードした結果を確認する

スウォッチを意図する表示上で重要なオリジナル領域と比較し、小さなアクセントカラーは手動で確認し、パーセンテージは量子化された推定値として扱います。

私設設計

あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。

質問と回答

このツールはいつ役立ちますか?

画像をアップロードせずに、デザイン、プレゼンテーション、テーマ、ムードボード、アクセシビリティレビューのための初期カラセットを作成する。

ブラウザは実際に何をしますか?

ブラウザはデコード済みピクセルを決定論的にサンプリングし、完全に透明なピクセルを除外し、近接色を境界量子化でグループ化し、得られたクラスタをランク付けし、それぞれのおおよその割合を報告します。

理解しておくべき制限は何ですか?

量子化されたサンプルパレットは近似であり、すべてのソース色のリストではありません。グラデーション、ノイズ、透明色、埋め込みカラープロファイル、および広色域変換により選択されるスウォッチが変わることがあります。

結果をどのように確認すべきですか?

スウォッチを意図する表示上で重要なオリジナル領域と比較し、小さなアクセントカラーは手動で確認し、パーセンテージは量子化された推定値として扱います。

関連ツール