Click a pixel to read its HEX, RGB and HSL. Magnifier and keyboard included. Runs on your device.
The picture you click on is a smaller copy, at most 1600 pixels on its longer side, so that it fits the page. The colour is not taken from that copy. Your click is converted to a pixel position in the original image and the colour is read from the original pixels. A 4000 by 3000 photo therefore answers for the real pixel, not for a blended pixel of the shrunken copy. The X and Y fields show that position, counted in pixels from the top left corner starting at 0. A phone photo's rotation flag is applied first, so the coordinates are those of the picture as you see it. Pictures of up to 16 million pixels stay decoded while the page is open. Larger ones are decoded again on every pick, which is slower but keeps memory low.
A single pixel of a JPEG photo is noisy: its neighbours can differ by a few steps because of compression and camera noise. The 3 by 3 and 5 by 5 choices average the square of 9 or 25 pixels around the point and give a steadier colour. Alpha is respected: more opaque pixels count more, and the readout tells you when the average is partly see-through. A pixel that is fully clear has no colour, and the tool says so instead of showing black. At the edge of the image the square is cut, so a corner pixel with a 5 by 5 average uses 9 pixels. The numbers are what your browser decodes. A picture with an embedded colour profile can give slightly different values in an editor that applies the profile.
Click or tap to pick. On a computer a magnifier follows the mouse and shows the pixels around it enlarged, with the centre pixel outlined. To use the keyboard, focus the picture: the arrow keys move the crosshair by 1 pixel, Shift with an arrow moves it by 10, and Enter adds the current colour to the list. The X and Y number fields do the same job without a pointer or arrow keys: type a position and the colour updates. Values outside the image are held to its edges. The crosshair stays where you put it when you change the averaging choice, and the colour is read again.
Every pick is added to a list of up to 10 colours, shown as swatches. Click a swatch to remove it. Picking the same HEX again does not add a second copy, and when an eleventh colour arrives the oldest is dropped, with a note. Copy all as HEX list copies one code per line. Save colour list downloads the same lines as a .txt file. The list is kept while the page is open and is not stored. This page reads single colours. To find the main colours of a whole picture, use the colour palette tool, and to convert a code between HEX, RGB and HSL by typing, use the colour converter.
From the original. The preview is a copy of at most 1600 pixels on the long side, and your click is mapped to a pixel of the full-size picture. A 4000 by 3000 photo is read at its own resolution.
Photos carry noise and JPEG compression, so neighbouring pixels differ by a few steps. Switch the average to 3 by 3 or 5 by 5 for a steadier value. Flat graphics and screenshots in PNG usually give the same code across a whole area.
Tab to the picture, press an arrow key to start at the centre, then move by 1 pixel per press or 10 with Shift. Press Enter to add the colour to the list. The X and Y fields beside the picture let you type a position instead.
This tool reads the colour of the one point you choose, or a 3 by 3 or 5 by 5 square around it. The colour palette tool looks at the whole picture and returns 3 to 10 dominant colours. Use this one when you need the exact colour of a logo, a button or a pixel in a screenshot.
Up to 10. A colour already in the list is not added twice, and an eleventh pick removes the oldest one. Copy all as HEX list gives one code per line, and Save colour list downloads them as a text file.