CSS Color Extractor
PASTE CSS / HTML
Paste any CSS or HTML — hex, rgb(), hsl() and rgba() are all detected automatically.
CSS Color Extractor
You have a block of code — CSS, HTML, Sass, JS or JSON — and you need every colour in it, without hunting line by line. Paste it here and Paleta finds and lists them all, de-duplicated and ready to use.
How to use it
- Paste your code into the box.
- Every colour value is detected and de-duplicated automatically.
- Copy any colour individually, in the format you need.
- Send the whole set to the editor or export it as a palette.
Good to know
- It reads HEX, RGB, HSL and named colours, so it works on almost any stylesheet or theme file.
- Great for auditing an existing project's palette before a redesign.
Related: convert any extracted value in the Converter, refine the set in the editor, or compare it with fresh ideas in Palettes.