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.
Access the Eyedropper tool
- At the top right, click the menu button
- From the dropdown menu, navigate to to find additional options.
- Click on . 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:
- 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.
- Click on the color you desire. Upon clicking, the Eyedropper tool automatically copies the color's Hex value.
- The Hex value is now on your clipboard, ready to be pasted and used in your projects.