Content

• To step
• Method 1 of 4: Using the digital color meter on a Mac
• Method 2 of 4: Using Color Cop for Windows
• Method 3 of 4: Using Imagecolorpicker.com
• Method 4 of 4: Using Firefox (for coloring on the web)
• Tips

Colors are distinguished in HTML and CSS by their hexadecimal codes. If you're creating a web page or working on another HTML project and want to include an element that matches a specific color in an image, website, or window on your computer screen, you'll need to find the color's hex code. This wikiHow shows you how to use a variety of free tools to quickly find out the hex code of any color.

To step

Method 1 of 4: Using the digital color meter on a Mac

1. Open the digital color meter on your Mac. This tool is part of macOS, can distinguish the color value of any color on the screen. Open Finder, double click on the folder Programs, double click on the folder Utilities and then double-click Digital color meter to open it.
2. Move the mouse cursor to the color for which you want to find out the hex code. When you move the mouse, the values ​​in the tool are updated in real time. Do not move the mouse from this location until you lock both the horizontal and vertical openings.
   • You can also use the tool to recognize colors on the web. Open a browser such as Safari (or your other browser) and go to a website with the color you want to recognize.
3. Press ⌘ Command+L.. This locks both the horizontal and vertical gaps, which means that the color value does not change when you move the mouse.
4. Press ⇧ Shift+⌘ Command+C. to copy the hex code to the clipboard. You can also copy the hex code by clicking the Colormenu and clicking Copy color as text to select.
5. Press ⌘ Command+V. to paste the copied code. You can paste the code directly into your HTML code, in a text file, or elsewhere where you can enter text.
6. Press ⌘ Command+L. to unlock the color finder. If you want to determine a different color, this releases the lock so that the cursor works as a color value finder again.

Method 2 of 4: Using Color Cop for Windows

1. Install Color Cop. Color Cop is a small, free utility that you can use to quickly find out the hex code of any color on the screen. You get this app as follows:
   • Go to http://colorcop.net/download in a web browser.
   • click on colorcop-setup.exe under "self-installing". If the file is not downloaded automatically, click Save or OK to start the download.
   • Double-click the downloaded file (it's in the folder Downloads and usually at the bottom left of the browser tab).
   • Follow the on-screen instructions to install the application.
2. Open Color Cop. You can find it in the Start menu.
3. Drag the eyedropper to the color you want to identify. You can identify any color on the screen, including those in other applications and on websites.
4. Release the mouse button to reveal the hex code. The code will appear in the center of the program in the blank space.
5. Double click on the hex code and press Ctrl+C.. This copies the hex code to the clipboard.
6. Paste the code where you need it. You can Ctrl + V use to paste the hex code wherever you want, such as in HTML or CSS code.

Method 3 of 4: Using Imagecolorpicker.com

1. Go to https://imagecolorpicker.com on your computer, phone or tablet. You can use this free tool to determine the hex code of any color in an uploaded image. This method works in any web browser, including those on an Android, iPhone or iPad.
2. Upload an image or enter a URL. You will have to decide whether you want to upload your own image or use an online image or website. Both methods can be used to display an image or web page, allowing you to select the color you want.
   • To upload an image, scroll down and select Upload your image, then go to the image on your computer, phone or tablet and select the option to upload it.
   • To use a website, scroll down to the "Use this box to get the HTML color code of a website" option, enter the URL and then click or tap the button Take website to select the website.
   • To select a direct image on the web instead of an entire website, enter the URL of the image in the "Use this box to get the HTML color code of an image from this URL" box and click or tap Take image.
3. Click or tap the color you want in the image / site preview. This will display the color's hex code in the lower left corner of the screen.
4. Click or tap the copy icon (the two overlapping squares to the right of the hex code) to copy the hex code to your clipboard. You can then paste it into any text file or type area.

Method 4 of 4: Using Firefox (for coloring on the web)

1. Open Firefox on your PC or Mac. The Firefox web browser comes with a free tool you can use to identify the hex code of any color on the web. If you have Firefox installed, you can find it in the Start menu (Windows) or in the Applications folder (macOS).
   • You can download Firefox for free at https://www.mozilla.org/en-US/firefox.
   • Firefox only returns the value of a color on a website. You cannot use the tool outside of the browser.
2. Go to a website that contains the color you want to determine. Make sure that the element for which you need the color is in view.
3. Click on the menu ☰. They are the three horizontal lines in the top right corner of Firefox.
4. Click on it Web developer-menu. Another menu is being expanded.
5. Click on the pipette. Your mouse cursor will turn into a large circle.
6. Click on the color you want to determine. The hex value of the colors will be updated immediately as you move the mouse to the location. As soon as you click the mouse, Firefox will save the hex code to your clipboard.
7. Paste the code where you need it. You can Control + V use (PC) or Command + V (Mac) to paste the hex code into your HTML, CSS or any other type of text file.

Tips

• There are other websites, browser extensions and image editing programs that also allow you to use a color picker to determine the hex code of the color.
• If you know who are the creators of the web page with the color you are trying to find, you can always ask which hex code they used. You can also search the website's source code to find the hex code listed there.