Eyedropper

Инструмент «Пипетка» позволяет получить цвет любого пикселя на странице. Он работает как увеличительное стекло, увеличивая участок страницы и позволяя точно выбрать необходимый пиксель. Под увеливаемой областью находится текстовое поле, в котором отображается выбранный цвет в соответствии с выбранной цветовой моделью, указанной в Настройках.

Этот инструмент обычно используется:

• для выбора цвета на странице и копирования его в буфер обмена
• для изменения цвета какого-либо элемента в консоли разработчка на выбранный при помощи инструмента.

Копирование цвета в буфер обмена

Откройте Пипетку:

• выберите пункт «Пипетка» под меню «Веб-разработка»
• нажмите на кнопку «Пипетка»  в панели инструментов (однако эта опция недоступна по  умолчанию: необходимо активировать её, выбрав пункт «Выбрать цвет на странице» в Настройках инструментов разработчиков)

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

Изменение цвета в правилах инспектора страницы

Напротив каждого цифрового кода цвета (например, #B00BCE) в Инспекторе есть образец этого цвета: при нажатии на него откроется всплывающее окно с палитрой цветов.

Начиная с Firefox 31, в этом всплывающем окне также будет находиться иконка вызова пипетки.

Теперь, когда инструмент активен, цвет выбранного элемента в Инспекторе будет установлен таким же, какой вы выберете пипеткой.

Горячие клавиши