Extract the color palette of any website from its HTML and CSS.
The website color picker reads the CSS of a page – its stylesheets, style tags and inline styles – and extracts every color, converted to hex and sorted by how often it's used. Colors defined as CSS variables keep their names, so you get the site's design tokens.
Click a swatch to copy its hex code, or copy the whole palette as CSS variables for your own project.
Stylesheets, style tags and inline styles.
The brand colors come first.
Design token names and a ready :root block.
The browser theme-color of the site.
Hex, rgb(), rgba(), hsl() and hsla(); all are converted to hex.
Colors in images, SVG files or set by JavaScript aren't in the CSS.
Nearly transparent colors are skipped, the others are shown without their alpha.