Finds hex, rgb(), hsl(), oklch() and other CSS color values, ranked by how often they appear.
Palette
Accessible combinations
Pairs from this palette that meet WCAG AA (4.5:1) for normal text. Use them as text on background.
No two colors in this palette reach AA for normal text. They may still work for large text or as decoration.
From a live page
You might expect to paste a URL here, but a browser cannot read another site's pixels or styles from a different address: the same-origin policy blocks it, and there is no server doing the fetching because this tool runs entirely on your device. So there are three ways in: drop an image (a screenshot of any page works), paste CSS, or use the bookmarklet below, which runs on the page you are viewing and sends just the colors here.
Drag this to your bookmarks bar, then click it on any site:
🎨 Page paletteIt reads the computed colors on that page and opens this tool with them filled in. It cannot read colors baked into images, only CSS.
Why OKLCH and contrast
Each swatch is given in HEX and OKLCH, the perceptually uniform space that modern design systems use, so the values are ready to drop into CSS variables. The accessible combinations are worked out the same way as the Color Contrast Checker, and you can convert any value further with the Color Converter.