Как использовать подборщик цветов (глазная капельница)?

Существует очень полезный инструмент, встроенный в инструмент chrome dev, который я только что открыл. Я даже не знаю его имени, и я не могу найти его в Google. Я бы сказал, что это инструмент инспекторов пикселей.

Я нашел следующий способ, как его использовать:

1а. Осмотрите элемент html с цветом фона.

1b. Определить цвет фона элемента.

Нажмите кнопку выбора цвета.
Наведите указатель мыши на любой элемент на странице (не на инструмент dev)

Смотрите: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

Мои вопросы: Что это за инструмент? Как использовать его легко? Большую часть времени мне не нравится цвет, но я хочу проверить пиксели значка. Есть ли горячая клавиша этого инструмента?

Ответ 1

Он просто называется инструментом eyedropper. Для этого нет ярлыка, о котором я знаю. Единственный способ, которым вы можете использовать его сейчас, - щелкнуть поле выбора цвета на боковой панели стилей, а затем щелкнуть по странице, как вы уже делали.

Ответ 2

Чтобы открыть Eye Dropper просто:

Открыть DevTools F12
Перейдите на вкладку Элементы
В боковой панели Styles нажмите на любое окно предварительного просмотра цвета

Его основная функциональность заключается в проверке значений цвета пикселей, щелкая их, но с помощью новых функций вы также можете увидеть свою палитру цветов или палитру свойств на странице, нажав на значок двух стрелок внизу. Это может пригодиться при разработке вашей страницы.