PocketPlay
EN
图片取色
用中位切分或 K-means 提取图片主色调，复制 HEX/RGB/HSL，支持吸管取色，并导出 CSS 变量或 JSON。
🔒 浏览器本地运行，文件不会上传免费 · 无需注册
把图片拖到这里
或点击选择 — 照片、截图、插画都可以
点击图片上的任意位置即可取到该像素的颜色。
配色
添加图片即可提取配色。
点击色块复制 HEX，点击具体数值复制对应格式。
怎么从图片里提取配色
- 把照片、截图或插画拖进上传框，分析完全在浏览器本地进行。
- 选择需要的颜色数量（5–12），并选中位切分（快，颜色更鲜明）或 K-means（更平滑，更贴近大面积平均色），然后点提取配色。
- 点色块复制 HEX，点图片本身可以吸取某个像素的精确颜色，也可以把整套配色导出成 CSS 变量、SCSS、JSON 或 PNG。
常见问题
中位切分和 K-means 有什么区别？
中位切分沿颜色立方体最长的轴反复二分，即使某个颜色面积很小也能保留下来，颜色更鲜明；K-means 让质心不断移动来聚类像素，得到的是更柔和的平均色，更能代表大面积区域。
为什么提取出来全是灰色？
照片里常有大片中性色 — 天空、墙面、纸张。打开「忽略接近黑白的像素」就能跳过它们，露出真正的主题色。
「占比」是什么意思？
指被归入该颜色簇的采样像素比例。它告诉你哪种颜色在画面中占主导，这类颜色通常更适合做背景而不是点缀色。