在线颜色工具
图片颜色吸取
上传图片后点击任意位置，就能提取当前像素的颜色值。页面会同时输出 HEX、RGB、RGBA、HSL，并支持继续微调和复制使用。
点击即取
哪里需要配色，就点哪里
结果可复制
HEX、RGB、RGBA、HSL 一次给全
继续微调
支持继续调亮度和透明度，细调更方便
图片颜色吸取
上传图片后点击任意位置，马上拿到可复制的颜色值
颜色读取在当前浏览器内完成。点击图片即可吸取像素颜色，右侧还能继续用调色面板微调并复制 HEX、RGB、RGBA、HSL。
第 1 步
上传要取色的图片
支持 PNG、JPG、WEBP、GIF。上传后直接点击图片区域，就能读取当前像素的颜色值。
适合做配色参考
海报、网页截图、商品图和 Logo 都可以直接吸取主色。
点击哪里取哪里
按像素读取颜色，拿到的 HEX 和 RGB 更适合直接落到设计稿或代码里。
支持继续微调
吸完颜色后可以继续在右侧调色面板里调亮度、透明度和细节。
当前吸取结果
#2563EB
偏深 / 透明度 100%
HEX
#2563EB
RGB
rgb(37, 99, 235)
RGBA
rgba(37, 99, 235, 1)
HSL
hsl(221, 83%, 53%)
使用教程
1. 先上传一张需要取色的图片，支持 PNG、JPG、WEBP、GIF。
2. 在预览图上点击任意位置，页面会立即读取该像素并输出颜色结果。
3. 如果想更贴近实际设计效果，可以在右侧调色面板里继续微调亮度、饱和度和透明度。
4. 确认颜色后，直接复制 HEX、RGB、RGBA 或 HSL 到设计稿、CSS 或代码里即可。
常见问题
为什么同一块区域点出来的颜色不完全一样？
通常是因为图片里存在渐变、阴影、压缩噪点或边缘抗锯齿。建议多点几次邻近像素后再选最合适的颜色。
做网页开发更适合复制哪一种格式？
普通纯色场景优先用 HEX；需要透明度时更适合复制 RGBA；需要做调色分析时可以看 HSL。
取色后可以继续在页面上微调颜色吗？
可以。吸取颜色后，可在右侧调色面板继续调整亮度、饱和度和透明度，再复制 HEX、RGB、RGBA 或 HSL 到设计稿或代码里。