企评社

表示ラベルは日本語です。企業口コミ・投稿・ツールの説明は現在中国語のみです。

カラーパレット

画像を1枚読み込むだけで主色を抽出 · HEX / RGB / HSL と占有率 · クリックでコピー

全部在浏览器本地处理,图片不上传、刷新即清空

图片

取色数量

提取结果

色板会显示在这里。

よくある質問

主色はどうやって抽出してるの?

まず画像を縮小サンプリングし(長辺 160 ピクセル以内、完全透明ピクセルはスキップ)、次に「中央値分割」アルゴリズムでピクセルを最大 8 クラスタに集約、面積比率の高い順に表示します。各マスは代表色(クラスタ内平均色)の HEX / RGB / HSL と比率を提示し、1 マス目が主色です。

同じ画像でカラー数を変えると色も変わる?

少し変わります。中央値分割は色域の幅で繰り返し二等分するので、カラー数が分割回数を決まり、数によって各クラスタの代表色(平均色)に微妙な差が出ます——これは主要なデザインツールと同じ挙動で、バグではありません。

取り出した色はそのままコピーできる?

できます。任意のマスをクリックすると HEX をコピー、一式まとめてのコピー(HEX リストか CSS 変数の 2 形式)でページや UI の配色決めに使えます。各マスは白文字・黒文字とのコントラスト比も表示するので、文字の読みやすさの判断に便利です。

アップロードされる?

されません。画像のデコードもサンプリングもクラスタリングも全部あなたのブラウザ(canvas)の中——画像は端末の外に出ず、ページ更新で消えます。

関連ツール