Eyedropper

Инструмент пипетка доступен начиная с Firefox 31.

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

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

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

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

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

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

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

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

Палитра цветов

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

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


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

  Windows OS X Linux
Select the current color Enter Enter Enter
Dismiss the Eyedropper Escape Escape Escape
Move by 1 pixel Arrow keys Arrow keys Arrow keys
Move by 10 pixels Shift + arrow keys Shift + arrow keys Shift + arrow keys

Метки документа и участники

 Внесли вклад в эту страницу: jsx, Norville, StenHigh
 Обновлялась последний раз: jsx,