Color Picker from Image

Every pixel in an image is stored as numbers for red, green and blue. This tool draws your picture onto a canvas in the browser and reads the number triple under the pointer at full resolution, so the code you get is the real value of that pixel, not an average of its neighbours. The magnifier enlarges an 11 by 11 pixel area so you can aim precisely, which matters on photos where neighbouring pixels differ slightly.

This hex color picker from image shows each color code three ways. HEX, like #FF5733, is what CSS, design tools and most web editors expect. RGB, like rgb(255, 87, 51), lists the three channels from 0 to 255. HSL, like hsl(11, 100%, 60%), describes the same color as hue, saturation and lightness, which is easier to adjust by hand. If you need to translate a value between formats, the HEX to RGB converter does it in both directions.

The palette is a color identifier for the whole picture. The image is shrunk, and its pixels are grouped by median cut, which repeatedly splits the range of colors where they vary most and then averages each group. The result is a handful of swatches ordered by how much of the picture they cover. It is a quick way to pull a brand palette from a logo or a mood from a photograph.

Where your browser supports the EyeDropper feature, as Chrome and Edge do, a Pick from screen button lets you sample a color from anywhere on your display, not only from the loaded image. Everything runs locally: the picture is never uploaded, and there is no sign-up or limit. Colors in a photo depend on how it was shot and on any color profile, so a pixel can look slightly different from the paint or screen it was taken from.