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

If you are are web developer and have to edit the images in any popular image editor (for example, GIMP or, 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.