企评社

取色板

上传一张图,自动提取主色 · HEX / RGB / HSL 与占比 · 点一下就能抄走

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

图片

取色数量

提取结果

色板会显示在这里。

常见问题

主色是怎么提的?

先把图片缩小采样(最长边不超过 160 像素,跳过全透明像素),再用「中位切分」算法把像素聚成最多 8 簇,按面积占比从高到低展示,每簇给出代表色(簇内平均色)的 HEX / RGB / HSL 与占比;第一格即主色。

同一张图换取色数量,颜色会变化吗?

会略有差异。中位切分按色域宽度反复二分,取色数量决定切分次数,不同数量下每簇的代表色(平均色)会略有出入,这与主流设计工具的取色行为一致,不是 bug。

取出来的颜色能直接抄走吗?

可以。点任意一格复制它的 HEX;也可一键复制整组(HEX 列表或 CSS 变量两种格式),拿来给页面 / UI 定配色。每格还给出该色对白色、黑色文字的对比度比值,方便判断文字可读性。

会上传吗?

不会。图片解码、采样、聚类全部在你的浏览器里(canvas)完成,图片不出本机,刷新页面即清空。

相关工具