How to get the HEX colour code from an image

Steps

1. Open the Colour picker from an image tool and drop in a picture.
2. Move over the picture to preview the colour under the pointer.
3. Click or tap to pick it, then press Copy next to the code you need.
4. Pick as many colours 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 colour. 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 colour

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 colours 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.