Colors are identified in HTML and CSS by their hexadecimal codes. If you're creating a webpage or other HTML project and want to include an element that matches a particular color in an image, website, or program window on your computer...
Method 1 of 4:
Using GIMP or Similar Image Software (for Colors on Images or Screenshots)
Download GIMP or another advanced image editor. GIMP is a free image manipulation software, but Photoshop and other advanced image editing programs will work, too, with very similar methods.
Find an image with the color you're trying to match. If the color you're matching is already in a picture saved on your computer, you can use that image. If you're trying to match a color on a webpage or computer program, you can take a screenshot that contains the color you're trying to match.
Open the image with the color in question in GIMP.
Select the color picker tool. It looks like an eyedropper.
Click on the color you want to match in the image.
Use the hex code. You can note it down, or right-click on the code and copy it to your clipboard. Then you can use that code in the font color, background color, or other elements in the HTML or CSS project you're creating.
Method 2 of 4:
Using Firefox (for Colors on an Existing Website)
Open up a Firefox browser. If you're trying to copy a color from an existing website and have Firefox installed, this is your quickest option.
Navigate to the page where the color you want to copy is. Make sure the element you need the color for is in view.
Hover over "Tools" in the menu and select "Web Developer". From there, click "Eyedropper".
Click on the color you're looking for. When you do so, Firefox will save the hex code to your clipboard.
Paste the code where you need it. You can use that code in the font color, background color, or other elements in the HTML or CSS project you're creating.
Method 3 of 4:
Using Imagecolorpicker.com
Go to imagecolorpicker.com.
Click the color you want within the image/site preview. This color will be displayed on the bottom left corner of the screen.
Find the hex code listed next to the chosen color. You can copy it and then use that code to match the font color, background color, or other elements in your HTML or CSS project.
Method 4 of 4:
Using Pixie Software (for Windows OS)
Install Pixie. It's a tiny utility to find color values of pointed pixel.
Run it. Run the program by navigating and clicking it.
Move the cursor. Move cursor to the color.
Find values of that color. You will see HEX, HTML, RGB etc values of it.
Exit from utility by pressing the cross button.
Update 05 March 2020
ncG1vNJzZmismaXArq3KnmWcp51ktbDDjK2mZp%2BVqXq1tMRmn56wXZi8pbGMqJ1mmV2YvK270Wamp2WppMKzecKopKmtpJq%2Fbr%2FCq5yepg%3D%3D