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 color 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 color value is detected and de-duplicated automatically.
  3. Copy any color 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 colors, 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.