You spot the perfect shade in a photo, a logo or a screenshot and need its exact code to reuse it. An eyedropper (color picker) reads the precise color of any pixel and gives you its HEX and RGB values. You can get the color code from an image for free in your browser, with no upload — the image never leaves your device.
Why grab a color code
- Match a brand color — pull the exact shade from a logo for a consistent design.
- Build a palette — sample colors from a photo you love for a scheme.
- CSS and design work — get the HEX to drop straight into code or a design tool.
- Recreate a color you can see but don't have the value for.
HEX vs RGB — which do you need?
They're the same color written two ways. HEX (like #4b6b4e) is compact and standard in web/CSS and most design tools. RGB (like rgb(75, 107, 78)) lists the red, green and blue amounts separately, which is handy when you need to tweak one channel or work with opacity (RGBA). Most tools show both, so copy whichever your workflow wants.
Step-by-step
- Open the Color Picker tool.
- Drop in the image.
- Click or hover any pixel to read its color.
- Copy the HEX or RGB value.
Editing the colors of the image rather than sampling them? The Image Filters tool adjusts brightness, contrast and saturation.
FAQ
What's a HEX code? A six-character code like #4b6b4e representing a color's red, green and blue values in hexadecimal.
Can I get RGB too? Yes — the picker shows both HEX and RGB for the pixel you select.
Is my image uploaded? No. The picker reads pixels in your browser; your image never leaves your device.
Is it free? Yes — unlimited use, no signup.