Extract CSS color variables and design tokens

Created by

Emmanuel Vingadassalon

Actor

Website Color Palette Extractor - Brand Colors from CSS

Lists the CSS color variables of each site (--primary, --brand, --accent and others) with their hex values, plus the most used colors. A quick way to read the design tokens of a design system.

Try for free

Website Color Palette Extractor - Brand Colors from CSSpropped_cloak/website-color-palette

Website

Primary color

Found in

Palette

+3 fields

Input

Websites(required):stripe.com+2

Output fields

Website

Primary color

Found in

Palette

Neutrals

Theme color

Error

How it works

Sign up on Apify or log in

The Website Color Palette Extractor - Brand Colors from CSS Actor is ready to run with the inputs already set for "Extract CSS color variables and design tokens". Sign up or log in and you'll land in Apify Console with a copy of this exact task.

Start the "Extract CSS color variables and design tokens" task

The Website Color Palette Extractor - Brand Colors from CSS Actor will start running based on the input automatically. You can also change all the input fields, like websites, to match your specific use case.

Receive the "Extract CSS color variables and design tokens" output

Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as website, primary color, found in, and more.

Integrate into your workflow

The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow. You can also run the "Extract CSS color variables and design tokens" task via API.