🎨 图片取色器

从图片中点选取色,显示 HEX / RGB / HSL 值,支持屏幕取色

✓ 本工具完全在您的浏览器本地运行,数据不会上传服务器

工具介绍

图片取色器可从图片任意像素点取色,同时显示 HEX、RGB、HSL 三种格式,并支持 Chrome/Edge 的屏幕取色(EyeDropper API),适合设计与前端配色流程。

使用方法

  1. 选择一张图片显示在画布上
  2. 点击画布任意位置读取该像素颜色
  3. 或点击屏幕取色按钮,从屏幕任意位置吸取颜色

常见问题

屏幕取色需要什么条件?

需要 Chrome 或 Edge 浏览器(支持 EyeDropper API),并在弹窗中授权。

取色精度如何?

逐像素读取,与图片实际像素一一对应。