操作选项
上传一张本地图片，鼠标悬停实时预览像素颜色，点击取色并读取 HEX、RGB、HSL 三种色值，支持一键复制、历史留存与导出 TXT。图片仅在本机浏览器内解析，不会上传服务器。
免责声明：本工具仅供参考，不代表任何建议；取色结果受显示器色域与图片压缩影响，不能替代专业色彩校准。
取色工作区
点击「上传图片」或把图片拖拽到此处
支持 JPG、PNG、WebP、GIF 等常见格式，全程本地处理
HEX
#182848
RGB
rgb(24, 40, 72)
HSL
hsl(220, 50%, 19%)
取色历史
| 色块 | HEX | RGB | HSL |
|---|
在线图片取色器
设计师、前端开发和内容创作者经常需要从参考图中提取精确颜色。把图片载入本工具后，鼠标在画面上移动即可实时预览当前像素颜色，点击任意位置就能锁定该点色值，同步给出 HEX、RGB、HSL 三种写法，方便直接粘贴到 CSS、Figma、PS 等设计软件中使用。
使用方式
1. 载入图片：点击「上传图片」挑选本地文件，或直接把图片拖拽到预览框内即可载入；不想找素材时，点「加载示例」用内置渐变图先体验。
2. 悬停预览：鼠标在图片上移动时，右上角的取色圆点会实时跟随光标，显示当前像素的颜色，方便快速扫查整张图的色调走向。
3. 点击取色：在画面上点击某一点，即锁定该像素颜色，右侧会同步给出 HEX、RGB、HSL 三种写法，点右侧图标可分别复制到剪贴板。
4. 历史与导出：每次取色都会追加到历史列表，列表中的色值同样可点击复制；点「导出TXT」可把全部历史颜色打包成文本文件保存备查。
常见问题
取到的颜色和设计稿里的不一样？
浏览器渲染受显示器色域、系统色彩配置和图片压缩格式影响，可能存在细微偏差。如需高保真取色，建议使用未压缩的 PNG 源文件，并在经过校准的显示器上操作。
支持哪些图片格式？
支持 JPG、PNG、WebP、GIF、BMP 等浏览器原生可解码的格式。GIF 取首帧像素数据。SVG 矢量图会按光栅化后的像素读取。
图片会上传到服务器吗？
不会。图片解码与取色计算均在浏览器本地完成，原图不会上传，关闭页面后临时数据自动释放。
