图片取色

提取任意图片的配色,显示每个颜色聚类所占的比例。拖入照片、调整颜色数量,点击色块即可复制 HEX、RGB 或 HSL 值;也可以直接点击图片吸取单个像素的精确颜色。文件在浏览器本地处理,不会上传到 Pocketful。

在浏览器本地运行

把图片拖到这里、粘贴,或点击选择

支持 Ctrl/⌘V 粘贴剪贴板图片 · JPG、PNG、WebP、GIF

提取的配色会显示在这里。

接下来可以做什么

怎么从图片提取配色?

把图片拖到上方虚线框(或直接从剪贴板粘贴)。工具会先缩小采样,再把 RGB 转换到 CIELAB 空间并用 K-Means 聚类,按更接近人眼感知的方式给出主色。拖动滑块可以提取 3 到 12 种颜色。

百分比是什么意思?

百分比是该颜色聚类在整张图片像素中所占的份额——比如占了半张照片的天空会显示约 50%。列表上方的色条直观展示了同样的比例。

怎么吸取图片上某个点的精确颜色?

图片加载后,直接点击预览图的任意位置,工具会读取该像素并显示它的 HEX、RGB 和 HSL 值,同时自动复制到剪贴板。

可以复制哪些颜色格式?

每个色块都显示 HEX、RGB 和 HSL。点击色块复制单个 HEX,或用下方按钮把整套配色复制为 HEX 列表,或可直接粘贴的 CSS 变量(如 --color-1: #3a86ff;)。

我的图片会被上传吗?

文件在浏览器本地处理,不会上传到 Pocketful。无需注册,页面通过 Canvas API 在本地分析图片。