Use the Eyedropper tool in Firefox to sample colors

Firefox Firefox Last updated: 1 month, 1 week ago 100% of users voted this helpful
No one has helped translate this article yet. If you already know how localizing for SUMO works, start translating now. If you want to learn how to translate articles for SUMO, please start here.

Firefox's built-in Eyedropper tool allows users to easily identify and copy the Hex (hexadecimal) values of colors found on web pages. This guide provides clear, step-by-step instructions for accessing and using this feature, making it simpler for creators to incorporate exact colors into their projects. Firefox Eyedropper 2

Access the Eyedropper tool

  1. At the top right, click the menu button Menu hamburguer button
  2. From the dropdown menu, navigate to More Tools to find additional options.
  3. Click on Eyedropper. Your cursor will change to indicate the Eyedropper tool is active.

Sample Colors from your screen

After activating the Eyedropper tool, follow these steps to sample a color:

  1. Move your cursor to the area of the webpage with the color you wish to sample. The Eyedropper will display a magnified view for precise selection.
  2. Click on the color you desire. Upon clicking, the Eyedropper tool automatically copies the color's Hex value.
  3. The Hex value is now on your clipboard, ready to be pasted and used in your projects.
Firefox Eyedropper

क्या यह लेख उपकारी था?

Please wait...

These fine people helped write this article:

Illustration of hands

श्रमदान करें

Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More