google-chrome - 谷歌浏览器的开发工具中有滴管工具吗？

Question

我想使用谷歌浏览器的开发工具从网站获取颜色。

我知道如果在 css 中设置颜色代码，您可以获得颜色代码，但我想从图像中获取颜色。

这可以用谷歌浏览器的开发工具实现吗？

Answer 1

1. Inspect a node在 DOM 树中。

   

2. 单击其 color 属性以打开拾色器。 Add a color property to the node如果没有。

   

3. 将鼠标悬停在视口(viewport)上。

   

4. 将鼠标悬停在要采样的颜色上时单击。