What is Chromapick used for?

Chromapick is a Chrome extension that extracts colors, gradients and fonts from any website in one click and exports them for Figma or CSS. It is a good fit for building a design system from an existing site and pulling brand colors into Figma quickly.

Is Chromapick open source?

No. Chromapick is proprietary (closed-source) software. In the Design category, open-source options include Penpot, Graphite and Krita.

What are some alternatives to Chromapick?

Chromapick competes with Coolors and Color Identifier.

Chromapick: features, pricing and alternatives

About Chromapick

ChromaPick is a browser extension for designers and front-end developers who want to reuse the visual style of an existing site. Instead of taking screenshots or sampling pixels by hand, you open a page and the extension reads its colors, gradients and typography.

The extracted palette includes hex values with contrast ratios, CSS gradients and font stacks with weights. Results can be copied straight into Figma, and the site demonstrates export formats such as Figma JSON and Tailwind CSS variables. A playground on the homepage shows how it scans well-known product sites.

ChromaPick is a commercial extension with a free tier to try and a paid Pro plan. The product description states Pro is available as a $10 lifetime purchase. It runs in the browser rather than on a server you host.

Key features

One-click color extraction from live sites
Gradient capture as reusable CSS
Font family and weight detection
Contrast ratio shown for each color
Export to Figma, JSON or Tailwind variables

Good fit for

→Building a design system from an existing site
→Pulling brand colors into Figma quickly

Tags: chrome-extension; color-picker; design-tokens; figma; typography; gradients; web-design

Chromapick: questions and answers

What is Chromapick used for?: Chromapick is a Chrome extension that extracts colors, gradients and fonts from any website in one click and exports them for Figma or CSS. It is a good fit for building a design system from an existing site and pulling brand colors into Figma quickly.
Is Chromapick open source?: No. Chromapick is proprietary (closed-source) software. In the Design category, open-source options include Penpot, Graphite and Krita.
What are some alternatives to Chromapick?: Chromapick competes with Coolors and Color Identifier.