You spot the perfect shade somewhere in the real world — a wall, a book cover, a flower, a coffee mug — and you want its exact color code for a design, a paint match or a slide deck. Typing a guess into a color wheel never quite gets there. The fastest, most reliable way is to pick the color straight from your camera.
This guide walks through exactly how to do that in your browser, with no app to install and nothing uploaded.
What “picking a color from your camera” means
A camera color picker reads the individual pixels your camera sees and reports their color in standard formats:
- HEX — like
#14B8A6, the format you paste into CSS, Figma or most design tools. - RGB — like
rgb(20, 184, 166), three channels of red, green and blue. - HSL — like
hsl(173, 80%, 40%), hue, saturation and lightness, which is friendlier for tweaking a shade.
Instead of guessing, you point, tap, and copy the code.
Step-by-step: get the HEX code of a real object
- Open the picker. On a phone or laptop with a camera, open the Camera Color Picker and tap Enable camera. Your browser will ask for permission once.
- Aim at the color. Fill the frame with the surface you want to sample. Get reasonably close so the color is large and clear.
- Freeze the frame. If the object or your hand is moving, tap Freeze so you can aim precisely without the image shifting.
- Tap the exact spot. Tap the color you want. A reticle marks the point and the result appears immediately.
- Copy the code. Copy the HEX, RGB or HSL value with one tap. Your recent picks are saved so you can grab them again.
That’s the whole flow. The same steps work if you tap Upload an image instead and sample from a photo you already have.
Why the color reading can vary (and how to fix it)
Here’s the honest part most tools skip: a phone camera is not a calibrated instrument. It constantly adjusts white balance and exposure to make scenes look pleasant, which means the raw pixel it captures is not always the object’s “true” color. A few things shift the result:
- Lighting. Warm indoor bulbs push colors yellow; cool daylight pushes them blue. Sample under neutral, even light when you can.
- Glare and shadows. A shiny highlight reads almost white; a shadow reads too dark. Aim for a flat, evenly lit part of the surface.
- Screens. Photographing another screen can introduce moiré and backlight color shifts.
To get the most accurate reading: even lighting, fill the frame, freeze before you tap, and sample a few nearby spots to confirm they agree. Our picker averages a small patch of pixels around your tap rather than a single point, which already smooths out noise.
HEX, RGB or HSL — which should you copy?
It depends on where the color is going:
- Pasting into CSS or a design tool? Use HEX.
- Working in code that builds colors channel by channel, or adding transparency? RGB (or RGBA) is convenient.
- Want to make a color a little lighter or more muted by hand? HSL lets you nudge lightness and saturation without guessing new hex digits.
All three describe the same color; copy whichever your destination expects.
Matching paint and physical products
One of the most common reasons people pick a color from a camera is to match paint or a physical product. A camera reading gives you a precise starting point — a HEX value and the nearest named color — that you can take to a paint store’s matching system or compare against a digital swatch. Remember that paint fan decks and brand systems use their own color spaces, so treat the camera value as a strong reference, not a guaranteed exact match.
Is it private?
With the right tool, yes. A browser-based camera color picker can do everything locally on your device using the standard camera and canvas APIs. The Camera Color Picker never uploads your video feed or images — the only thing that leaves the page is nothing at all. That’s very different from many native apps that send images to a server or hide the feature behind a subscription.
Frequently asked questions
Can I pick a color without a camera? Yes — upload any image and tap the pixel you want.
Does it work on iPhone? Yes, in Safari over HTTPS. iOS asks for camera permission the first time.
Why does the same object give slightly different codes? Because lighting and auto-exposure change between shots. Freeze the frame, use even light, and sample a few spots.
Try it now
The quickest way to understand it is to use it. Open the Camera Color Picker, point your camera at the nearest interesting color, and copy its HEX code in about five seconds.