Colour palette generator — extract colours from any image
Find colours for a design from a photo, logo or screenshot. Compare palette suggestions, check a text-and-background pair and save the colours you want to use.
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
Extracted values are what is in this file, not a brand’s specified colours. JPEG compression shifts colour, screenshots and photographs add lighting and display characteristics, and an embedded colour profile can change how the same bytes are meant to be displayed. Treat the result as a close reading of the image, and check against an official brand reference if one exists. The tool samples pixels, so small colour areas can be missed and percentages are estimates. Fully transparent pixels are excluded. Images up to 50 megapixels (about 8000 × 6000). Larger files are refused rather than risking the tab being closed by the browser.
How to use
- Add an image. Choose or paste a picture. Use the original logo or screenshot rather than a compressed thumbnail when possible.
- Set Colours and Method. Start with six colours. Try Dominant colours for the main areas, Balanced palette for variety or Most saturated for brighter accents.
- Keep useful colours. Lock swatches you want to retain, then change the method or colour count to explore the other slots. Regenerate unlocked may repeat the same result with unchanged settings.
- Check and export. Choose Foreground and Background to check text contrast. Use Copy all, PNG swatches or a text/code export; For pixel art saves an importable hex list.
Questions
Are these the exact brand colours?
They are suggestions derived from this image. Compression, lighting, colour profiles and grouping similar shades can change the values. Use a published brand specification when you need the official colours.
Why does the background dominate?
A large wall or sky occupies more pixels than a small subject. Crop the source around what interests you, or try Balanced or Most saturated to find alternatives to the biggest colour areas.
What do the percentages mean?
They describe groups of sampled pixels used by the extraction method, not an exact inventory of the whole image. Filtering, sampling and locked swatches can make the displayed shares incomplete. Use them as a rough guide to prominence.
Does a passing contrast score make my design accessible?
It checks this pair of solid colours for text contrast. WCAG AA requires 4.5:1 for normal text or 3:1 for large text. Font size, weight, backgrounds, focus states and other accessibility needs still need checking in the finished design.
Can I reuse the palette in the creative tools?
Use For pixel art to download a hex list, then Import palette in the pixel-art or dither tool. CSS and JSON are useful for bringing colours into a project; PNG swatches are handy for sharing a visual reference.
Published by ToolsNow. How tools and sources are checked · Report a problem