Firefox: как определить определенный цвет на веб-странице

Если вы дизайнер, вы, вероятно, обращаете внимание на дизайн вещей, которыми пользуетесь, в поисках вдохновения или идей, которые хотели бы перенять. Веб-сайты ничем не отличаются, и одна из ключевых частей дизайна веб-сайтов - это использование цвета. Если вы обнаружите веб-сайт с идеальным цветом для проекта, над которым вы работаете или над которым думаете, вы, вероятно, захотите точно определить, какой это цвет. Хотя вы можете сделать снимок экрана, открыть его в редакторе изображений, а затем посмотреть значения RGB, этот процесс выполняется медленно. Firefox на самом деле имеет встроенный инструмент выбора цвета, поэтому вы можете сэкономить время и получить точное значение в шестнадцатеричном цветовом формате HTML, используемом в Интернете.

Как использовать палитру цветов

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

Щелкните значок меню бургера в правом верхнем углу, затем щелкните «Веб-разработчик».

В списке инструментов веб-разработчика щелкните «Пипетка», откроется инструмент «Пипетка».

Совет. Инструмент "пипетка" нельзя перемещать по вкладкам или окнам, поэтому убедитесь, что вы открыли его на той вкладке, на которой хотите его использовать. Вы также не сможете прокручивать страницу, поэтому убедитесь, что вы находитесь в нужном месте на странице. Хотя технически вы можете увеличивать и уменьшать масштаб, это приведет к нарушению центрирования палитры цветов, что затруднит точное использование.

В списке инструментов веб-разработчика выберите «Пипетка».

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

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

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