Colour pipette : HEX and RGB from an image
Image Color Picker: HEX and RGB
Upload an image, sample any pixel with the picker and instantly get its HEX, RGB and HSL values.
How can I pick a color from an image?
Upload an image and move the picker over the area you want to inspect. Click or tap the image to sample a pixel. BAOI displays its hexadecimal value, RGB and HSL equivalents, and its alpha transparency.
For logos and screenshots, use the magnified preview to select the precise pixel. In photographs, adjacent pixels can have slightly different colors because of compression, lighting or anti-aliasing.
Use the result with confidence
Recommended workflow
- Use a non-sensitive representative input for extracting a colour from an image.
- Run the operation and review the result before copying or exporting it.
- Validate the output in the target application or environment before relying on it.
What to verify
- Confirm the scope, units and input values before interpreting the output.
- Separate the observed result from the operational decision that follows from it.
- Validate the conclusion against the real target system, logs or configuration before changing production.
Questions about this tool
Why can the sampled colour differ from what I see on another screen?
Colour profiles, display calibration, browser rendering and image compression can change perceived colour.
Should I use HEX or RGB?
They represent the same RGB colour space in different notation; choose the format required by the target application or CSS.
Can I sample a colour from a compressed image reliably?
Use it as a practical estimate. JPEG compression and resizing can alter individual pixels around edges and gradients.
Use the result with confidence
Recommended workflow
- Use a no-sensitive representative input for extracting a colour from an image.
- Run the operation and review the result before copying or exporting it.
- Validate the output in the target application or environment before relying on it.
What to verify
- Confirm the scope, units and input values before interpreting the output.
- Separate the observed result from the operational decision that follows from it.
- Validate the conclusion against the real target system, logs or configuration before changing production.
Questions about this tool
Why can the sampled colour differ from what I see on another screen?
Colour profiles, display calibration, browser rendering and image compression can change perceived colour.
Should I use HEX or RGB?
They represent the same RGB colour space in different notation; choose the format required by the target application or CSS.
Can I sample a colour from a compressed image reliably?
Use it as a practical estimate. JPEG compression and resizing can alter individual pixels around edges and gradients.