从图像任意位置拾取颜色。
拖入图像以拾取颜色
支持 JPG、PNG、WebP、HEIC、TIFF 等 · 最大 40 MB MB
从图片中拾取网站设计用的 HEX 颜色。Pick colors from any point of an image。直接从任意图片像素采样精确的 HEX/RGB/HSL 颜色。从 Logo、参考图提取品牌色,做配色板。可复制的色值 + 可提取主色调色板。
所有处理均在浏览器本地完成,您的图片绝不会上传到任何服务器。
最后更新：2026年8月5日
图像取色器可以采样图片中任意像素的精确颜色，并同时以 HEX、RGB 和 HSL 三种格式呈现。设计师用它从灵感板中提取品牌色板；开发者用它把 CSS 值对齐到参考设计；内容创作者用它保持社交图片的品牌一致性。
将图片拖入上传区。图片会渲染在交互式 canvas 中，悬停可查看坐标，点击即可采样。所取颜色会作为色块出现在旁边，同时显示 HEX、RGB 和 HSL 值。点击任意值即可复制到剪贴板。
每次取的颜色都会保存在下方的历史条中（最多 12 个最近取样），方便你在图中多处采样构建色板，而不会丢掉早先的样本。
在把 Figma 或手绘设计稿转成 CSS 时，直接从设计稿中取主色，比肉眼估算要精确得多。这样能消除“差一点”的手写颜色带来的违和感。
为社交动态构建色彩调性一致视觉的摄影师，可以从表现最好的一张照片中取 5 个色，作为后续帖子中文字、边框和背景的强调色，逐步建立统一的视觉识别。
上传图片,点击任意位置拾取该像素颜色,复制 HEX(及 RGB/HSL)值。可用吸管精确匹配品牌色,用于 CSS、按钮和背景。
数值从原始 sRGB Canvas 读取,不应用 ICC。
Shift-点击可把多个颜色存进调色板。
同时显示HEX、RGB、HSL和HSV值,点击即可复制所需格式。
读取解码图像在当前缩放级别下的精确像素值。放大可获得边缘和渐变的亚像素精度。
可以,点击的每种颜色都会添加到图片下方的调色板,可批量复制或导出为CSS变量。
是的,完全免费,无需注册、无水印、无每日限制。所有处理在浏览器本地运行。
在图片显示分辨率下是精确的。超大图片的显示可能被略微缩小，但颜色值依然准确。