Get a HEX Color From an Image

How to use it

1. Choose an image, drag it onto the box, paste it with Ctrl+V, or take a photo on your phone.
2. Move over the image. The round loupe shows the pixels under the pointer, enlarged, with the current HEX code.
3. Click or tap the pixel you want. Use the arrow keys for one-pixel steps and Enter to pick.
4. Copy the HEX, RGB, HSL or CMYK code with its Copy button.

What the six digits mean

A hex color code is three numbers written in base 16. The first pair is red, the second green and the third blue, each from 00 (none) to FF (full, 255 in decimal). So #FF0000 is pure red, #000000 is black and #FFFFFF is white. With 256 levels for each of three channels there are 16,777,216 possible codes.

Upper and lower case mean the same: #1e90ff and #1E90FF are identical. A three-digit code like #F80 is shorthand for #FF8800, and eight digits (#1E90FF80) add transparency. This tool always gives six digits in upper case, which every program accepts.

Picking the exact pixel

1. Press Zoom + or scroll until the area you want fills the box.
2. Watch the loupe: the square in the middle is the pixel that will be picked.
3. Click the canvas once, then fine-tune with the arrow keys (Shift + arrow moves 10 pixels).
4. Press Enter to pick. The pixel’s x and y position is shown with the result, so you can find it again.

For text, icons and anti-aliased edges, the pixels at the edge are blends. The "real" color is in the middle of a letter stroke or a solid area.

Using the hex code

• CSS: color: #1E90FF; or background: #1E90FF;
• Figma, Canva, Photoshop: paste into the hex field of the color picker, usually without the #.
• Word or PowerPoint: under More colors › Custom you can type the hex code, or use the RGB numbers.
• Need RGB? Use the HEX to RGB converter.