图片取色工具 · 提取像素颜色与 HEX RGB HSL 色值 · 萤炬工具箱

图片取色在上传的图片上点击任意位置就能读出该像素的颜色值，同时给出 HEX、RGB、HSL 三种写法，取过的颜色会留在历史里方便回头对照。适合从设计截图、参考图、照片里扒配色，或核对实现出来的颜色和设计稿是否一致。输出格式：HEX、RGB、HSL。保留取色历史，可多次取色对比。取值为单像素精确值，压缩痕迹与渐变会造成…

图片取色在上传的图片上点击任意位置就能读出该像素的颜色值，同时给出 HEX、RGB、HSL 三种写法，取过的颜色会留在历史里方便回头对照。适合从设计截图、参考图、照片里扒配色，或核对实现出来的颜色和设计稿是否一致。

使用步骤

1. 上传或拖入要取色的图片。
2. 在图片上点击目标位置。
3. 复制需要的格式：HEX、RGB 或 HSL。
4. 继续点击其他位置，历史记录会保留多次取色结果。

功能与限制

• 输出格式：HEX、RGB、HSL。
• 保留取色历史，可多次取色对比。
• 取值为单像素精确值，压缩痕迹与渐变会造成邻近像素差异。

常见问题

HEX、RGB、HSL 该用哪个？

CSS 和设计交付常用 HEX；需要程序里做运算或带透明度用 RGB；想在同色系里调深浅、调鲜艳度用 HSL 最直观，改一个数就行。

取到的颜色和肉眼看的不太一样？

取的是单个像素的精确值。JPG 压缩会在色块边缘留下杂色像素，渐变区域相邻像素也不同。想拿到代表色可以在色块中心多点几次比对。

和「屏幕取色器」有什么区别？

这个只能在你上传的图片范围内取色，全平台可用；屏幕取色器能吸取整个屏幕任意位置的颜色，但依赖浏览器的 EyeDropper 能力，需要授权且不是所有浏览器都支持。