取色板
上传一张图,自动提取主色 · HEX / RGB / HSL 与占比 · 点一下就能抄走
全部在浏览器本地处理,图片不上传、刷新即清空
图片
取色数量
提取结果
色板会显示在这里。
常见问题
主色是怎么提的?
先把图片缩小采样(最长边不超过 160 像素,跳过全透明像素),再用「中位切分」算法把像素聚成最多 8 簇,按面积占比从高到低展示,每簇给出代表色(簇内平均色)的 HEX / RGB / HSL 与占比;第一格即主色。
同一张图换取色数量,颜色会变化吗?
会略有差异。中位切分按色域宽度反复二分,取色数量决定切分次数,不同数量下每簇的代表色(平均色)会略有出入,这与主流设计工具的取色行为一致,不是 bug。
取出来的颜色能直接抄走吗?
可以。点任意一格复制它的 HEX;也可一键复制整组(HEX 列表或 CSS 变量两种格式),拿来给页面 / UI 定配色。每格还给出该色对白色、黑色文字的对比度比值,方便判断文字可读性。
会上传吗?
不会。图片解码、采样、聚类全部在你的浏览器里(canvas)完成,图片不出本机,刷新页面即清空。