点击拾取颜色
选择本地图片后在预览图上点击任意位置,即可拾取该点颜色。
选择本地图片后在预览图上点击任意位置,即可拾取该点颜色。
同屏查看 HEX、RGB 和 HSL 色值,便于设计、前端和配色记录复用。
文件读取、Canvas 预览和像素采样全部在浏览器本地完成。
工具使用说明
选择需要拾色的本地图片、截图、界面图或海报。
把鼠标移到目标区域并点击,页面会读取该像素对应色值。
把 HEX、RGB 或 HSL 复制到 CSS、设计工具或品牌色记录里。
功能说明
选择本地图片后在预览图上点击取色,实时输出 HEX、RGB 和 HSL 色值,图片只在浏览器本地处理,不上传服务器。
它适合从图片里快速确认主色、辅助色、按钮色、背景色和品牌色。
浏览器 Canvas 可以直接读取图片像素,因此不需要服务端上传或第三方接口。
本地处理能减少隐私风险,尤其适合内部设计稿、截图和未公开素材。
常见问题
不会。图片只在当前浏览器读取和取色,本站不会保存图片。
当前输出 HEX、RGB 和 HSL,覆盖常见设计和前端使用场景。
可以,上传 Logo 后点击目标区域即可得到对应颜色。
图片边缘常有抗锯齿和半透明混合像素,建议放大后多点几次确认。