#4a90d9
使用浏览器原生 EyeDropper 接口，无需安装任何插件。
也可以直接用下面的输入框手动填写颜色值。
也可以直接用下面的输入框手动填写颜色值。
颜色值
点任意一行可复制。修改输入框会实时联动预览。
可读性检查
这个颜色配白字和黑字哪个更清楚？
白底上的这段文字 Aa 白色示例
黑底上的这段文字 Aa 黑色示例
色板历史
取到的颜色会按顺序存在这里，最多 24 个，点击可回填。
替代方案
如果上面的取色按钮不可用，试试这些办法。
选一张图片，然后在下面点击图片上的任意位置取色。
这个工具怎么用？常见问题
怎么用取色功能？点「开始取色」按钮，鼠标会变成放大镜形状，然后在屏幕上任意位置点击一下，就取到那个像素的颜色了。按 Esc 可以取消。
为什么取色按钮点了没反应？EyeDropper 是较新的浏览器接口，需要 Chrome / Edge 93+、Safari 15.4+、Firefox 不支持。另外它要求页面在 HTTPS 或 localhost 下运行，用 file:// 直接打开的本地文件可能无法调用。这种情况用下面的「从图片文件取色」功能。
取到的颜色不准？显示器色彩配置和截图缩放会影响结果。设计稿取色建议在原始设计工具（Figma、Photoshop）里取，或者把图片导入下面的取色框，避开屏幕渲染这一层。
CMYK 值能直接拿去印刷吗？不能。CMYK 只是 RGB 的一个粗略近似转换，真实的印刷色需要用 ICC 色彩配置文件转换，且每家印刷厂的纸张和工艺不同，打样才是最终依据。
取到的颜色会上传吗？不会。EyeDropper 是浏览器原生能力，整个过程不经过任何服务器，色板历史也只存在你浏览器的 localStorage 里。
相关工具
取到颜色之后的操作。