Use the Eyedropper tool in Firefox to sample colors

Revision Information
  • Revision id: 279164
  • Created:
  • Creator: Mozinet
  • Comment: Hex (as in Firefox; not an initialism) and minor edits
  • Reviewed: Yes
  • Reviewed:
  • Reviewed by: AliceWyman
  • Is approved? Yes
  • Is current revision? Yes
  • Ready for localization: Yes
  • Readied for localization:
  • Readied for localization by: AliceWyman
Revision Source
Revision Content

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