Extract

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

  1. Paste your code into the box.
  2. Every colour value is detected and de-duplicated automatically.
  3. Copy any colour individually, in the format you need.
  4. 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.