点击导入图片 /截图后Ctrl+V粘贴 /拖拽图片到此处

支持常见图片格式 jpg/png 等

取色工具

HEX RGB RGBA
{{ (scale * 100).toFixed(0) }}%
{{ formatColor(c) }}
{{ formatColor(hoverColor) }}

🎨 如何从照片中提取颜色?

这是一款功能强大的在线取色工具,让您轻松从图片、截图中获取精确的色彩信息。支持批量取色,让您的设计工作更高效!

🚀 快速导入图片的多种方式

  • 📁 点击导入:点击上传区域或侧边栏的“导入图片”按钮,选择本地图片文件
  • 📋 截图粘贴:截图后直接按 Ctrl+V 粘贴,极速取色体验!
  • 🖱️ 拖拽导入:直接将图片文件拖拽到页面中即可自动识别

💡 小贴士:支持 JPG、PNG 等常见图片格式,截图粘贴是最快的取色方式哦!

🔍 精准取色操作

  • 👆 点击取色:鼠标移动到图片上,点击任意位置即可拾取该点的颜色
  • 🔎 放大镜预览:鼠标悬停时显示 9x9 像素网格,精确观察像素细节
  • 🎯 实时预览:悬停位置显示当前颜色的 HEX/RGB/RGBA 值

🖼️ 图片浏览控制

  • 🔍 缩放图片:使用鼠标滚轮或侧边栏滑块调整缩放比例(10%-500%)
  • ✋ 移动图片:按住空格键 + 鼠标拖动,或直接在图片上拖动来移动视图
  • 🔄 重置视图:点击右上角的重置按钮,快速恢复到初始状态

📊 批量取色技巧

  • 🎨 多次点击:在图片不同位置连续点击,收集多个颜色到右侧面板
  • 📋 单个复制:点击任意颜色条目,即可复制该色值到剪贴板
  • 📑 批量复制:点击“复制全部”按钮,一次性复制所有收集的色值(每行一个)
  • 🗑️ 清空列表:点击删除按钮清空所有已收集的颜色

💡 专业技巧:批量取色适合提取配色方案、分析图片色彩构成,大幅提升设计效率!

⚙️ 颜色格式设置

  • HEX:十六进制格式,如 #FF5733(网页设计常用)
  • RGB:红绿蓝三原色,如 rgb(255, 87, 51)
  • RGBA:带透明度的 RGB,如 rgba(255, 87, 51, 1.00)

✨ 特色功能亮点

  • ✅ 纯浏览器处理,保护隐私,图片不会上传到服务器
  • ✅ 实时响应,毫秒级取色速度
  • ✅ 支持透明图片,棋盘格背景辅助查看
  • ✅ 毛玻璃UI设计,现代化交互体验
  • ✅ 响应式布局,适配各种屏幕尺寸

🎉 开始您的取色之旅吧! 导入一张图片,体验极致的取色快感~