图片像素取色器
从本地图片中悬停或单击像素，取得精确的 HEX、RGB 与 HSL 色值。
选择图片
像素预览
移动指针取色，单击即可复制当前 HEX。
当前颜色
在图片上移动指针后显示颜色。
输入与输出示例
图片中的像素#2A9D8F · rgb(42, 157, 143)如何使用
- 选择 PNG、JPG 或 WebP 图片。
- 在预览上移动鼠标或手指以查看像素颜色。
- 单击预览复制当前 HEX 色值。
能力与限制
- 浏览器本地处理
- Canvas 会缩小超大预览以保持响应速度。
- 图像只在浏览器内存读取，不会传输到服务器。
常见问题
- 为什么会显示近似颜色？
- 预览按可用尺寸绘制，取色结果来自显示在 Canvas 上的像素。
相关指南
颜色格式与对比度：从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明