Click anywhere on your image to read the exact hex and RGB color code.
Maximum file size: 50 MB for guests
Create a free account for files up to 500 MB — sign up free.
Maximum file size: 50 MB for guests — sign up for up to 500 MB.
The Color Picker tool lets you sample exact colours from an image and copy their hex, RGB, or HSL values. Picking runs in your browser, so your image stays private.
Designers and developers use it to match a brand colour from a photo, build a palette from an inspiration image, or grab the exact shade of a product for consistent styling.
Colour sampling is a daily task for anyone building a visual product. A designer matching a brand shade from a reference photo, a developer copying a button colour from a screenshot, or a marketer pulling a product tint for an ad all need the exact colour values rather than a best-guess approximation. The tool reads the precise pixel data so the value you copy is the value that was captured.
The tool reports three common formats so you can paste directly into whatever you are working in: hex for CSS and HTML, RGB for design tools and image editors, and HSL for when you need to reason about hue, saturation, and lightness separately. Sample as many pixels as you like to build a full palette from a single inspiration image.
Colour picking runs entirely in your browser using the HTML Canvas API. When you load an image and move the picker over a pixel, the tool draws the image onto an off-screen canvas, reads the raw red, green, and blue channel values at the pointer position, and converts those values into hex, RGB, and HSL representations for display.
Your image never leaves your device — there is no upload, no server-side processing, and no copy retained after download. The pixel reading happens locally on the canvas, so you can sample colours from sensitive screenshots or confidential design mockups without sending them anywhere. Closing the tab discards the image immediately.
The picked value is the exact pixel data stored in the image file, which may look slightly different on another screen because monitors and colour profiles render colours differently. For a consistent palette, sample from the same image on the same screen. To prepare an image before sampling — cropping to a region or rotating it level — use the Crop and Rotate & Flip tools first.