看到一张设计图很对味，想把那个主色用到自己的项目里；参考图发来了，要精确对齐品牌色；做海报，配色要从客户 LOGO 里抠出来……

每次都是同一个问题：这个颜色的 HEX 值是多少？「图片取色」直接点，就能告诉你答案。

🌐 在线使用：https://tools.1024vip.cn/pic/colorpick (opens new window)

适合哪些场景

• UI 设计配色：点击参考图取出精确色值，拿去写 CSS 或 Figma 样式。
• 品牌对齐：客户发来 LOGO 文件，取主色确保用色一致。
• 海报/PPT 制作：从参考图里抽颜色，做出来更协调。
• 分析图片主色调：一键查看图片整体色彩倾向，做配色参考。

功能说明

• 点击取色：在图片上任意点击，即时显示该位置的色值（HEX / RGB）
• 一键复制：色值直接复制到剪贴板，不用手抄
• 主色提取：自动分析图片主色调，输出色盘，一览整体配色风格

隐私说明

浏览器本地处理，图片不上传，设计稿可放心使用。

微信小程序版

扫码打开「拾刻工具箱合集」小程序：

拾刻工具箱合集（小程序）

微信扫一扫或长按识别，更多日常工具一网打尽

- img: https://cdn.1024vip.cn/tech/images/gh_77461bb73a85_344.jpg
  link: https://tools.1024vip.cn/pic/colorpick
  name: 拾刻工具箱合集（小程序）
  desc: 微信扫一扫或长按识别，更多日常工具一网打尽

更多图片工具见 网页版总览，问题反馈 联系。