About website colour extractor
Find the colour palette a website uses, to draw inspiration or match a brand.
How to use the result
- Copy the HEX codes into your design tool.
- Check text contrast before using a colour pair.
- Remember that brand colours may be trademarked or protected, so do not copy another brand's identity.
A worked example
You capture a screenshot of a competitor's landing page and the tool lists five main colours with their HEX values: a dark navy, a bright orange for buttons and three neutrals. Use them as inspiration for your own palette and test their contrast.
Use it responsibly
- Take colour ideas, not whole identities, from other brands.
- Choose your own distinct accent colour.
- Check how colours appear in dark mode and on a phone.
Getting a good result
Use a clear screenshot of the page's top section. Crop out the browser frame and any ads, since they add colours that are not part of the site's own palette.
