How do I find the RGB value of a color in a picture?

Load the picture above and click the color. The RGB value shows first, written as rgb(r, g, b) so it pastes straight into CSS.

What is the difference between RGB and HEX?

None in the color itself. HEX writes the same three red, green and blue channels in base 16, so #FF8000 is rgb(255, 128, 0).

Click any pixel in an image and copy its RGB value, ready for CSS. Hover to magnify for exact picks.

Drop an image here

Drag and drop, paste with Ctrl + V, or load one from a URL. JPG, PNG, WebP, GIF and SVG.

Or press Ctrl + V

Or start from a sample

Picked

Purple

#D629F1

Palette

Load an image to extract its palette.

Tints and shades

Harmonies

Complement

Analogous

Triad

Split

Tetrad

Your image is read in the browser and never uploaded. Nothing is stored.

How do I find the RGB value of a color in a picture?: Load the picture above and click the color. The RGB value shows first, written as rgb(r, g, b) so it pastes straight into CSS.
What is the difference between RGB and HEX?: None in the color itself. HEX writes the same three red, green and blue channels in base 16, so #FF8000 is rgb(255, 128, 0).

The tools that usually come after this one.

The catalog behind this tool: real, published entries with verified pricing and licensing, not a list of affiliate links.