谷歌浏览器的开发工具中是否有吸管工具?

时间:2019-03-08 08:42:20

标签: google-chrome google-chrome-devtools color-picker

我想使用google chrome的dev工具从网站上获取颜色。

我知道如果在CSS中设置了颜色代码,但是我想从例如图像中获取颜色。

使用谷歌浏览器的开发工具可以做到这一点吗?

1 个答案:

答案 0 :(得分:2)

  1. Inspect a node在DOM树中。

    DOM Tree

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

    color property

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

    eyedropper

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