Pick colors from an image — hex, RGB and palette
Pick a colour from a photo or screenshot and copy its hex value. The suggested palette helps when you want a few colours that work together.
Runs in your browser — your input is not uploaded to ToolsNow.
Your files are processed locally in your browser and are not uploaded to ToolsNow.
Site files and analytics use separate network connections. Ads are off. Privacy & Cookies
Colours reflect the decoded image, which may differ from an original design or brand colour. Contrast ratios are a useful check, not a complete accessibility assessment.
How to use
- Open an image. Use a clear source rather than a small, compressed thumbnail.
- Click the colour you want. Click inside a flat area, away from edges. Or select a swatch under Dominant colours.
- Copy the colour. Use Copy hex for the selected colour or Copy palette for the suggested list.
Questions
Why is this shade different from the original design?
The picker averages a small area around your click. Edges, JPEG compression, transparency and colour conversion can change the reading. For an official brand colour, use the brand’s published value rather than a photo of it.
Why is a small accent missing from the palette?
The palette favours colours covering more of the sampled image. A bright button or tiny logo may not make the list; click that area directly.
How do I use the contrast numbers?
They compare the selected colour with white and black. For WCAG AA text contrast, aim for at least 4.5:1 for normal text or 3:1 for large text. Check the actual foreground and background you plan to use; this is not a full accessibility review.
Published by ToolsNow. How tools and sources are checked · Report a problem