屏幕取色器

从屏幕或图片中快速提取任意位置的颜色信息

移动端使用

点击"开始拍照"按钮，拍摄照片后点击图片上的任意位置获取颜色

桌面端使用

上传图片文件，或使用浏览器截图功能，然后点击图片上的位置提取颜色

提取历史

暂无提取记录

使用说明

  1. 1 移动端：点击"开始拍照取色"按钮，使用摄像头拍摄需要取色的对象，拍摄完成后点击图片上的任意位置即可获取颜色信息
  2. 2 桌面端方式一：点击"上传图片"按钮，选择本地图片文件，上传后点击图片上的位置提取颜色
  3. 3 桌面端方式二：使用浏览器或其他工具截取屏幕内容，点击"粘贴截图"按钮直接粘贴，然后点击图片上的位置提取颜色
  4. 4 提取后会显示HEX、RGB、HSL格式的颜色值，以及点击位置的坐标信息
  5. 5 点击每个颜色格式右侧的"复制"按钮，即可将该颜色值复制到剪贴板

功能特点

  • 支持摄像头拍照、上传图片、粘贴截图三种方式获取图片
  • 提供HEX、RGB、HSL等多种颜色格式，满足不同场景需求
  • 鼠标悬停自动显示放大镜，精准定位像素级颜色
  • 自动分析颜色的亮度、饱和度、色相、对比度等参数

适用场景

  • UI设计：从设计稿或网站截图中提取配色方案
  • 前端开发：快速获取页面元素的颜色代码
  • 平面设计：从参考图片中提取灵感颜色
  • 品牌配色：分析竞品或优秀作品的配色

安全保障

所有颜色提取操作完全在浏览器本地完成
图片和截图不会上传到服务器
关闭页面后数据自动清除
无需注册登录，完全免费使用

注意事项

  • 使用拍照功能时，浏览器会请求摄像头权限，请点击"允许"以正常使用
  • 支持常见的JPG、PNG、GIF、BMP等图片格式，建议使用高清图片以获得更准确的颜色
  • 部分浏览器可能不支持粘贴截图功能，建议使用Chrome、Edge、Firefox等现代浏览器
  • 不同显示器的颜色显示可能存在差异，提取的颜色值为理论数值
屏幕取色器工具可获取屏幕上任意位置的颜色值，支持HEX、RGB、HSL等多种颜色格式输出。设计师和前端开发者经常需要从设计稿、网页或图片中获取特定颜色值，本工具提供便捷的取色方式，点击即可获取精确颜色代码。取色结果一键复制，方便在CSS代码或设计软件中使用。操作简单直观，是UI设计和前端开发的常用辅助工具。

常见问题

可以取屏幕上任何位置的颜色吗？

可以，使用浏览器EyeDropper API可选取屏幕上任意位置的颜色，包括浏览器窗口外的区域。

取色精度如何？

精确到像素级别，获取的颜色值与实际显示完全一致。

所有浏览器都支持吗？

需要Chrome 95+或Edge 95+等支持EyeDropper API的现代浏览器。

隐私安全：本工具所有操作均在本地浏览器完成，您的数据不会上传到任何服务器。