如何使用取色器(滴管)？ [英] How to use color picker (eye dropper)?

问题描述

我刚刚发现Chrome开发工具中内置了一个非常有用的工具。我甚至不知道它的名字，我在谷歌上也找不到它。我会说它是一个像素检查器工具。

我找到了以下使用方法：

1a.检查具有背景色的html元素。

1b。定义元素的背景色。

2. 单击颜色选择器。
3. 将鼠标移到页面上(不在开发工具上)上的任何元素上

参见：http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

我的问题： 这个工具名称是什么？ 怎样才能方便地使用呢？大多数时候我不在乎颜色，但我想检查图标的像素。 此工具是否有热键？

推荐答案

打开滴管只需：

1. 打开DevToolsF12
2. 转到元素选项卡
3. 在样式侧栏下，单击任意颜色预览框

它的主要功能是通过单击像素颜色值来检查它们，但是使用它的新功能，您还可以通过单击底部的两个箭头图标来查看页面的现有调色板或材质设计调色板。它在设计页面时非常方便。

这篇关于如何使用取色器(滴管)？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！