从图片中取色
上传图片并点击任意位置取色。使用放大镜获取精确颜色值。支持复制 HEX、RGB 或 HSL 格式。
拖放图片到此处或点击浏览
支持 JPG、PNG、WebP 格式。
所有处理均在浏览器中完成，图片不会离开你的设备。
如何从图片中取色
1
上传图片
拖放或点击从设备中选择图片。
2
点击取色
在图片上任意位置点击以拾取颜色。使用放大镜进行精确选择。
3
复制颜色代码
一键复制 HEX、RGB 或 HSL 格式的颜色值。
应用场景
UI 设计
从线框图和设计稿中精确取色，构建像素级完美的用户界面。
CSS 编码
直接从设计文件中取色，复制可直接使用的 HEX 或 RGB 值到样式表中。
照片配色
从照片中提取特定颜色，用于图形叠加、文字或边框的颜色匹配。
涂料选择
从房间照片中识别精确颜色，用于查找匹配的油漆色号或材料色卡。
无障碍检查
拾取前景色和背景色，验证对比度是否符合 WCAG 无障碍标准。
品牌合规
通过取色对比，验证发布的图片和素材是否使用了正确的品牌颜色。
常见问题
取色器的精度如何？
取色器读取您点击处的精确像素值。放大镜帮助您精确定位目标像素。结果达到像素级精度。
支持哪些颜色格式？
我们支持 HEX（如 #ff0000）、RGB（如 rgb(255, 0, 0)）和 HSL（如 hsl(0, 100%, 50%)）格式。点击任意格式旁的复制按钮即可复制到剪贴板。
我的图片数据安全吗？
是的，所有图片处理都完全在您的浏览器中完成。您的图片永远不会上传到任何服务器。
HEX、RGB 和 HSL 格式有什么区别？
HEX 是网页设计中使用的紧凑十六进制表示法。RGB 通过红、绿、蓝通道值（0-255）定义颜色。HSL 通过色相、饱和度和亮度描述颜色，更直观地调整色彩变体。
如何从高分辨率或 Retina 图片中取色？
我们的取色器在原始像素分辨率下工作，不受显示缩放影响。放大镜功能可以让你精确定位并拾取单个像素，即使在高 DPI 图片中也能确保精准取色。
准备好取色了吗？
上传图片，立即开始取色。免费、精确且保护隐私。