How to Find a Hex Color from an Image

To find a HEX color from an image, open it in an image color picker, select the spot you want, and read the HEX value. On Android, Color Hunt Game: Color Finder lets you choose a saved photo and drag a crosshair over it. Its reading represents a small sampled area of the photo, rather than a calibrated measurement of the object.

Get a code in your browser

For a quick result without installing an app, open ImageColorPicker.com in your browser. Choose Use your image, select your saved picture, and tap or click the area you want. Read the HEX value under Selected color. The site also offers copying color values. Choose a spot in the image itself rather than accepting a color from the automatically generated palette: a palette summarizes colors, while selecting a spot answers which color appears there.

How to get a HEX color from an image on Android

In Color Hunt, start from Home and tap Free hunt. This mode lets you sample any color without matching the daily target. Tap the image icon at the top right, then choose your photo in the file picker. Check that the expected picture is visible. Drag the crosshair onto the area you want; a magnifier appears while you drag to help place it. Read the HEX value beside the color name in the bottom card. Move the crosshair to compare nearby areas, then use the shutter button if you want to save that sample. You can read the displayed code before saving.

Where Color Hunt shows the code and copy controls

After saving, open the capture from Recently caught on Home or from Palettes. The detail screen shows its HEX value beneath the color name. A separate block contains tappable HEX, RGB, Lab, and CMYK values for Pro subscribers; tap a value there to copy it. The visible HEX beneath the name is separate from that Pro block, so reading a code does not require unlocking those controls. Free hunt allows three saved captures per calendar day without Pro; unlimited Free hunt captures are a Pro feature. If copying is unavailable, write down the visible HEX value, including its leading zeros.

Close the hunt before choosing another photo

The Android app currently has a photo replacement issue: choosing a second image within the same hunt can leave the first photo visible while the reading comes from the replacement. That makes the displayed scene an unreliable guide to what you are sampling. To avoid this path, close the hunt with the X, reopen Free hunt, and choose the next picture in the new session. Verify the preview before taking a reading. If the picture and the reading appear inconsistent, discard that attempt and start again; do not treat an unexplained color change as a valid sample.

Choose the part of the photo that answers your question

Decide what you want the code to represent. For the main color of a photographed object, place the crosshair inside a broad, evenly lit patch, away from an outline, reflection, or deep shadow. For a highlight or shadow color, deliberately sample that region instead. Try a few nearby positions and compare the swatches rather than assuming the first reading represents the whole object. For example, a leaf’s bright edge and its shaded center are different sampling choices. Keep a short note such as leaf center or leaf highlight alongside the code in your own notes so the choice remains clear.

Understand an area sample versus a single pixel

Color Hunt fits the imported photo to fill the hunt screen, so some edges can fall outside the view. It reads a small area around the crosshair in that resized preview, excludes the brightest and darkest portions, and averages the remaining pixels. It does not provide a single-pixel sampling mode for the original file. A crosshair straddling two colors can therefore return a blended value. If you need one specific pixel, use an editor with an explicit point-sampling option. Adobe Photoshop, for example, distinguishes Point Sample from area averages. When comparing tools, check the image version, location, and sampling method before expecting identical codes.

Read the HEX value correctly

The six-digit format #RRGGBB describes an sRGB color: the first pair gives red, the second green, and the third blue. Each pair runs from 00 to FF. For example, #336699 corresponds to RGB 51, 102, 153. Uppercase and lowercase letters mean the same thing, so #3366aa and #3366AA are equivalent. Copy all six digits in order. Keep the # when entering a CSS color; another app may provide that symbol beside its input field. The code records a color value, while a descriptive color name helps you remember it.

Put the sampled color to use

Paste or type the value into your destination app’s HEX field, then check the resulting swatch. For a website, an example declaration is background-color: #336699;. If the destination requests separate RGB channels, use an RGB readout or convert the three hexadecimal pairs; entering the six digits as one decimal number will not give the intended channels. Save the code with the source image and a description of the sampled area. That gives you a usable reference when you return to a design later, especially if the photo contains several similar shades.

A photo’s color is not a physical color measurement

Sampling an existing image reads its rendered colors. Lighting and white balance affect how photographed objects appear, and white balance changes can shift colors across the image. A code taken from a warm indoor photo therefore need not match one taken outdoors. Decide whether your goal is to reuse the photo’s appearance or establish a reference for the physical object; those are different tasks. Color Hunt can help with the first, but it is not a calibrated measuring instrument. For the broader camera explanation, see the separate guide Why Colors Look Different on Your Phone Camera.