首页 > 解决方案 > 谷歌浏览器的开发工具中有滴管工具吗?

问题描述

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

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

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

标签: google-chromegoogle-chrome-devtoolscolor-picker

解决方案


  1. 检查 DOM 树中的节点

    DOM 树

  2. 单击其color属性以打开拾色器。如果节点没有属性,则向该节点添加color属性。

    颜色属性

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

    吸管

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


推荐阅读