颜色吸取器

什么是颜色吸取器？

如何使用颜色吸取器

1. 1

   上传图片：点击页面中的『上传图片』按钮，在本地文件选择窗口中挑选你想要提取颜色的图片，支持常见的JPG、PNG等主流图片格式。

2. 2

   调整预览：在预览区域可以用鼠标滚轮缩放图片，也可以按住左键拖动图片，把你需要取色的目标区域调整到方便点击的位置。

3. 3

   点击取色：调整完成后，直接用鼠标点击预览图中你想要拾取颜色的目标位置，工具会立刻读取该像素点的颜色信息。

4. 4

   复制色值：取色完成后会生成HEX、RGB、HSL三种标准色值文本，直接点击对应的色值文本框就能一键复制整段色值内容了。

什么场景会用到？

计算示例

注意事项

• 本工具仅读取你上传图片中对应点的像素颜色，无法提取矢量图中分层的预设颜色值。
• 如果上传的图片经过压缩，拾取的颜色可能和原素材的原始颜色存在微小偏差。
• 透明PNG图片的完全透明区域，alpha通道值为0，工具仍会返回对应位置的基础色值。
• 手机端上传 HEIC 格式照片时，部分旧浏览器可能无法正确解析图片，无法拾取颜色。

常见问题

参考资料

• W3C CSS Color Module Level 4 颜色值规范
• MDN Web Docs CSS 颜色值表示文档

本页工具遵循CSS标准颜色格式定义，输出的三种色值均符合当前Web开发通用规范，所有输出逻辑均经过编辑组测试验证，由工具集编辑组日常维护内容准确性。