Jump to content

Using Eye Dropper in Firefox to Find Hex Color Code of Any Pixel


Batu69

Recommended Posts

If you are are web developer and have to edit the images in any popular image editor (for example, GIMP or Paint.net), then you know how important it is to know the hex color codes of pixels that you wish to manipulate. In any of these image editors, usually there is an eye dropper tool that can be used to pick the hex color code of any pixel of the image opened inside that image editor.

 

But these tools work only inside that image editor. If you want to know the color code of any text or image or video element on a web page, then you would have to use an extension for your web browser. But if you are a Firefox user, then you can simply use the Eye Dropper tool built-inside Firefox to find the hex color codes of any pixel visible on a web page.

 

Here is how:

 

  1. Click on the hamburger menu icon near the top-right corner of the Firefox browser. From the menu that opens up, choose Developer. Do not use the hotkey to open developer console.

 

Using Eyedropper in Firefox

 

2. As soon as you click on Developer, it will show a sub-menu from which you have to select Eyedropper.

 

Using Eyedropper in Firefox

 

3.Now your mouse cursor will turn into a magnifying glass tool that displays the hex color code of the pixel that your cursor point to.

4.Clicking the left mouse button will copy the hex color code to the clipboard while clicking the right mouse button will cancel the Eyedropper tool.

 

Using Eyedropper in Firefox

 

So if you are a Mozilla Firefox user, you do not have to depend on any third-party extension to find the hex color codes (also sometimes called the HTML color codes) on any web page opened in Firefox for any element like text, images, videos or anything else – you can just use the Eye Dropper tool built-inside Firefox itself.

 

Article source

Link to comment
Share on other sites


  • Replies 2
  • Views 1k
  • Created
  • Last Reply
  • Administrator

Excellent article, I had no idea it was so easy. While I did know it was possible with developer console, I did not know picking color was so easy in it.

Link to comment
Share on other sites


Going to install Firefiox, since Eye Dropper is an useful application that I may use to modify images colors with Wix page design.

Link to comment
Share on other sites


Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...