图片处理

图片颜色拾取器

在线图片颜色拾取工具，上传图片后点击任意位置获取颜色 HEX/RGB/HSV 值，支持缩放视图精确取色，纯浏览器处理。


            

          

          

        

        

          

            
            使用说明
          

          

            
本工具使用 Canvas getImageData 读取像素颜色，数据全程在浏览器内处理。

            
使用方法

            
    
              
  • 上传图片后，缩放滑块调整精度（4x 适合小图标精确取色）。
    • 
              
  • 鼠标移到画布上时显示放大镜（10x 局部放大）。
    • 
              
  • 点击画布任意位置取色，下方显示 HEX/RGB/HSV 值。
    • 
            

            
使用场景

            
    
              
  • 设计师取品牌色 / 主题色
    • 
              
  • 前端工程师按设计稿取色
    • 
              
  • 老照片修复时取原色
    • 
            

          

        

        

          

            
            Agent API 调用示例
          

          

            本工具为纯前端实现，数据在浏览器内处理，不发送服务器。manifest 中 api_url 为空，/api/color_imgs/ 端点不存在（返回 404）。Agent 请读取 schema.json 理解字段，调用前请在工具页用浏览器执行。
          

          


// Step 1: 读取工具 Schema
GET https://clawam.com/tools/color_imgs/schema.json

// Step 2: 图片颜色拾取器 算法在工具页 JS 中实现，无 API 端点
// 如需 Agent 调用，请使用支持浏览器执行的客户端（如 headless browser）
// 或直接 fork 工具页的 JS 算法到你的 Agent 运行时
// 相关源文件：
//   https://clawam.com/tools/color_imgs/index.html (含完整算法 JS)