Google Chrome开发人员工具,如何从我访问过的任何网站中挑选颜色

Question

当我访问网站时,我想保存我在其上找到的有趣颜色.

如何使用chrome开发人员工具从我目前看到的页面中选择颜色代码？

注意:我不想使用像chrome扩展插件这样的第三方插件.

Answer 1

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

1. 从HTML元素采摘的颜色:
如果颜色是简单的HTML元素,如button,text,span等你可以检查元素,并复制它的颜色,在注释提到.

2. 从图像中拾取颜色:
如果颜色位于图像或背景图像上,或嵌套的html元素的背景颜色,则可以使用ff策略.

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

2.2. 然后在单击上面的颜色选择器框后,转到要从中选择颜色的图像或背景图像(当您执行此操作时,您将注意到光标从指针变为chrome-color-picker图标).

事实上,即使对于案例1,您也可以使用解决方案2.

Answer 2

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