如何使用 Chrome DevTools 从我访问的任何网站中选择颜色？

Question

当我访问网站时，我想保存我在网站上发现的有趣颜色。

如何使用 Chrome DevTools 从我当前看到的页面中选择颜色代码？

注意： _我不想使用第三方插件_，如 chrome 扩展插件。

原文由 t31321 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用谷歌浏览器从任何元素中选择颜色

1. 从 HTML 元素中选取颜色：

如果颜色在简单的 html 元素上，例如 button ， text ， span 等，您可以按照提到的方式检查其颜色并复制其注释

2. 从图像中挑选颜色：

如果颜色在图像或背景图像上，或嵌套 html 元素的背景颜色，则可以使用 ff 策略。

2.1. 首先检查页面上任何可以显示颜色选择器框的简单元素。

2.2. 然后单击上面的颜色选择器框后，转到要从中选择颜色的图像或背景图像（ _执行此操作时，您会注意到光标从指针变为 chrome-color-picker 图标_）。

事实上 ，即使是案例 1，您也可以使用解决方案 2 。

原文由 dsharew 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您现在也可以在 DevTools 中使用吸管工具 http://paul.kinlan.me/eyedropper-chrome-dev-tools/

原文由 jaredwilli 发布，翻译遵循 CC BY-SA 3.0 许可协议