图片取色 / 调色板

Q: 会上传图片吗？

不会，读取与取色都在浏览器本地完成。

UpBox优盒工具箱，免费在线图片取色工具，上传图片自动提取主色板，点击图片任意位置取像素颜色，复制 HEX / RGB，一键导出 CSS 变量，图片不上传。

无需注册 · 数据不上传No sign-up · nothing uploaded

图片Image

点击选择或拖入图片支持 JPG、PNG、WebP，图片不会上传

点击图片任意位置可精确取像素色，透明区域不参与统计

#------ —

主色板Palette

选择图片后自动提取主色

主色数量0

图片尺寸—

取色结果—

本工具所有运算在本地浏览器完成，你的文件、文本不会上传到服务器

工具介绍

上传图片后会自动量化出 6 个主色，并给出每个颜色在图片中的占比，适合做配色参考、PPT 取色或网页主题色。 Upload an image to get six dominant colors with their share of the image — handy for palettes, slide colors or site themes.

点击图片任意位置还能取到精确的像素颜色，右侧色块同样可以点击复制 HEX，最后导出 `--color-1…6` 的 CSS 变量。 Clicking the image samples the exact pixel color, swatches are clickable for HEX, and the palette exports as --color-1…6 CSS variables.

主色提取Dominant colors
像素取色Pixel sampling
占比统计Share stats
CSS 变量导出CSS export
本地处理Local processing

使用说明

点击或拖入一张图片。Click or drop an image.
查看自动生成的主色板。Review the generated palette.
点击色块或图片取精确颜色。Click a swatch or the image for an exact color.
复制 CSS 变量或下载 .css。Copy CSS variables or download a .css file.

常见问题

主色是怎么算的？How are colors calculated?

按 RGB 分桶统计出现频率，再去掉过于接近的颜色，占比为估算值。Colors are bucketed by RGB frequency, near-duplicates removed, and shares are estimates.

支持透明背景 PNG 吗？Are transparent PNGs supported?

支持，透明像素不参与主色统计，点击透明处会提示重新取色。Yes — transparent pixels are skipped and clicking one asks you to pick elsewhere.

会上传图片吗？Are images uploaded?

不会，读取与取色都在浏览器本地完成。No, reading and sampling happen locally in the browser.

可以取几个颜色？How many colors?

默认提取 6 个主色，图片颜色单一时会自动减少。Six by default; a single-color image yields fewer.