Design Tools
取色器
在照片里看到喜欢的颜色却叫不上名？上传图片，点击像素，一键拿到精确的 HEX 色值。
如何从图片取色
- 1.上传图片: 拖入任意照片、截图或设计文件。
- 2.点击任意像素: 点击（或触摸）图片任意位置，采样该像素的确切颜色。
- 3.读取色值: 以 HEX、RGB、HSL 查看颜色，附实时色块。
- 4.复制色值: 点击任意复制按钮，拿到设计工具或 CSS 需要的格式。
- 5.使用放大镜: 悬停图片可放大光标周围区域，实现像素级精确取色。
取色器 功能
像素级精确采样
通过 Canvas 读取真实像素颜色——不猜测、不近似。
HEX、RGB 与 HSL
三种格式同时显示，每种都有一键复制按钮。
放大镜预览
放大的放大镜显示光标周围的像素网格，取色更精确。
取色历史
最近的颜色排成一排，方便回头重新复制。
任何图片都可用
照片、截图、Logo——只要能在浏览器打开，就能取色。
100% 私密
图片在您的浏览器中处理，绝不上传。
取色器 常见问题
取色器有多准？
完全准确——它用 Canvas 像素 API 读取您点击像素的精确 RGB 值，所见即所得。
能从截图取色吗？
能。截个图，上传到这里，点击任意像素，这是从屏幕上抓取颜色最快的方式。
HEX、RGB、HSL 有什么区别？
HEX 和 RGB 描述的是屏幕与 CSS 用的同一种颜色。HSL 按色相、饱和度、明度描述，调色时凭肉眼调整更直观。
为什么取到的颜色在 Photoshop 里看起来不一样？
支持色彩管理的应用对配置文件的解读可能不同，JPEG 压缩也可能让边缘像素轻微偏移。取色器报告的是像素的实际存储值，这才是真相。
取色器免费吗？
免费——无限次取色，无需注册，全部在浏览器中运行。
相关工具
Privacy: All processing happens locally in your browser. Your images are never uploaded to any server and never leave your device.