Color Picker
Click any pixel in an image to get its exact color code.
Matching a colour exactly is hard by eye.
About Color Picker
Upload an image and click anywhere on it to instantly read that exact pixel's color as HEX, RGB, and HSL values, with one-click copy — a fast way for designers and developers to pull a precise color from a screenshot, photo, or mockup.
Matching a colour exactly is hard by eye. With this colour picker you upload an image and click any pixel to read its precise colour as HEX, RGB and HSL values, each with a copy button, so you can reuse brand colours from a logo, screenshot or photo.
How to use Color Picker
- Upload an image.
- Click the pixel whose colour you want.
- Read the HEX, RGB and HSL values.
- Click Copy on the format you need.
Key features
- Pixel-accurate colour sampling.
- HEX, RGB and HSL outputs.
- One-click copy.
- Works with any image.
Common use cases
- Extracting brand colours from a client's logo.
- Matching a UI colour to a mockup or screenshot.
- Identifying colours in photos for design inspiration.
Frequently asked questions
Related tools
Palette Generator
Extract a dominant color palette from any image.
CSS Gradient Generator
Create linear, radial and conic CSS gradients visually.
Color Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Color Contrast Checker
Check WCAG contrast ratio between text and background colours.