How to get the HEX color code from an image

Steps

1. Open the Color picker from an image tool and drop in a picture.
2. Move over the picture to preview the color under the pointer.
3. Click or tap to pick it, then press Copy next to the code you need.
4. Pick as many colors as you like. The last ten stay below so you can go back to them.

HEX, RGB and HSL

They are three ways to write the same color. HEX is the short code used in web pages, like #1E90FF. RGB gives the red, green and blue amounts from 0 to 255, and HSL gives hue, saturation and lightness, which is easier to adjust by hand.

The panel shows all three, so you can paste whichever your design tool or stylesheet wants.

Getting a reliable color

A photo is made of millions of slightly different pixels, so two spots that look the same can differ by a few steps. Click a few places, or use the palette tool to find the main colors instead.

Without a mouse, click the picture once, then use the arrow keys to move and Enter to pick. If a pixel is see-through, the page says so, because what you see on screen also depends on what is behind it.