Website colors
Paste a web address and see the palette the site really uses: brand, background, text and accent colors, how much each one is used, how they pass contrast, and what the dark theme looks like. Copy it as CSS variables, a Tailwind theme or JSON.
How to find the colors a website uses
- Enter the website address, for example stripe.com, and choose Get colors.
- Our server fetches the public page and up to eight of its stylesheets, counts every color it finds and groups near-identical shades.
- Review the palette, where widths show how much each color is used, then the guessed roles, the dark mode colors if the site defines them, and the contrast report.
- Export the colors as CSS variables, a Tailwind theme or JSON, or open them in the Studio or the palette generator.
What you can do
Palette by usage
The main colors of a page, with widths that show how much of the page each one covers.
Role guesses
A best guess at which color is the brand, background, text or accent color, with how sure the guess is.
Dark mode colors
If the site defines separate colors for dark mode, they are listed next to the light ones.
Contrast report
WCAG 2 ratios and APCA Lc for the pairs the site relies on, as a quick review.
CSS variables
The custom properties that hold a color, with the names the site authors chose.
Shareable results
The address of the page you looked up goes into the link, so you can send someone the same result.
Frequently asked questions
What colors does a website use?
Enter its address and the extractor reads the colors in the page HTML and its stylesheets, counts how often each is used and groups near-identical shades. You get the main colors, ranked by use.
How do I find a website's color palette?
Paste the address into the box and choose Get colors. The palette appears with the likely role of each color, and you can copy it as CSS variables, a Tailwind theme or JSON.
Does it work on every website?
Not always. It reads the colors in a page HTML and in the stylesheets it can reach. A site that adds its styles with scripts after loading may show few or no colors, so try an inner page. Private and local addresses are blocked.
Does GetColors store the website it reads?
Our server fetches the public page once, plus up to eight of its stylesheets, and reads the colors. It does not store the page beyond a short cache of about an hour.
How accurate are the roles?
They are a best guess, shown with how sure we are. Explicit page styles and variables named primary, background or border score highest. Treat the contrast report as a quick review, not an audit.