Как использовать подборщик цветов (глазная капельница)?
Существует очень полезный инструмент, встроенный в инструмент chrome dev, который я только что открыл. Я даже не знаю его имени, и я не могу найти его в Google. Я бы сказал, что это инструмент инспекторов пикселей.
Я нашел следующий способ, как его использовать:
1а. Осмотрите элемент html с цветом фона.
1b. Определить цвет фона элемента.
- Нажмите кнопку выбора цвета.
- Наведите указатель мыши на любой элемент на странице (не на инструмент dev)
Смотрите: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
Мои вопросы:
Что это за инструмент?
Как использовать его легко? Большую часть времени мне не нравится цвет, но я хочу проверить пиксели значка.
Есть ли горячая клавиша этого инструмента?
Ответы
Ответ 1
Он просто называется инструментом eyedropper. Для этого нет ярлыка, о котором я знаю. Единственный способ, которым вы можете использовать его сейчас, - щелкнуть поле выбора цвета на боковой панели стилей, а затем щелкнуть по странице, как вы уже делали.
Ответ 2
Чтобы открыть Eye Dropper просто:
- Открыть DevTools F12
- Перейдите на вкладку Элементы
- В боковой панели Styles нажмите на любое окно предварительного просмотра цвета
![введите описание изображения здесь]()
Его основная функциональность заключается в проверке значений цвета пикселей, щелкая их, но с помощью новых функций вы также можете увидеть свою палитру цветов или палитру свойств на странице, нажав на значок двух стрелок внизу. Это может пригодиться при разработке вашей страницы.