设计工具
颜色选择器
选择并提取 HEX、RGB、HSL 颜色值
设计工具
图片取色器
上传图片，点击任意位置吸取该点颜色
工具面板
关于图片取色器
上传图片后悬停即取样、点击锁定，取到的是原始像素值而不是近似色。整个取色过程在浏览器内完成，图片不会上传。
- 1
鼠标移到图上就能预览该像素的颜色，点击锁定；值同时给出 HEX、RGB 与 HSL，均可单独复制。
- 2
取色是 canvas 的 getImageData 读单个像素，图片经 FileReader 转成 data URL 后画进画布——整个过程不发起网络请求。
- 3
读到的是图片的真实像素值，不做色彩管理：带 ICC 配置文件的图片在浏览器里显示时可能已被转换过，取到的颜色以浏览器渲染结果为准。
- 1
上传图片
截图、品牌手册、照片都可以。
- 2
悬停预览、点击锁定
移动时值会实时变化，点击后固定，再点一次可重置。
- 3
复制需要的格式
HEX 用于 CSS，RGB 用于 canvas，HSL 便于继续调亮度。
因为取的是浏览器渲染后的像素值。图片若带 ICC 色彩配置或被缩放显示，渲染结果与原始标注可能有细微差异；需要绝对精确时用原图未缩放状态取色。
不会。文件在浏览器内被读成 data URL 再画进 canvas，取色完全本地完成，断网也能用。