カラーパレット
画像を1枚読み込むだけで主色を抽出 · HEX / RGB / HSL と占有率 · クリックでコピー
全部在浏览器本地处理,图片不上传、刷新即清空
图片
取色数量
提取结果
色板会显示在这里。
よくある質問
主色はどうやって抽出してるの?
まず画像を縮小サンプリングし(長辺 160 ピクセル以内、完全透明ピクセルはスキップ)、次に「中央値分割」アルゴリズムでピクセルを最大 8 クラスタに集約、面積比率の高い順に表示します。各マスは代表色(クラスタ内平均色)の HEX / RGB / HSL と比率を提示し、1 マス目が主色です。
同じ画像でカラー数を変えると色も変わる?
少し変わります。中央値分割は色域の幅で繰り返し二等分するので、カラー数が分割回数を決まり、数によって各クラスタの代表色(平均色)に微妙な差が出ます——これは主要なデザインツールと同じ挙動で、バグではありません。
取り出した色はそのままコピーできる?
できます。任意のマスをクリックすると HEX をコピー、一式まとめてのコピー(HEX リストか CSS 変数の 2 形式)でページや UI の配色決めに使えます。各マスは白文字・黒文字とのコントラスト比も表示するので、文字の読みやすさの判断に便利です。
アップロードされる?
されません。画像のデコードもサンプリングもクラスタリングも全部あなたのブラウザ(canvas)の中——画像は端末の外に出ず、ページ更新で消えます。