GetColors, wherever you work.

The same color tools in your browser, in Figma, in your code and in your AI assistant. Each one runs the same engine as the website, so a color means the same thing everywhere.

How to set up each integration

  1. Chrome extension: download the .zip, unzip it, open chrome://extensions, switch on Developer mode, choose Load unpacked and select the folder.
  2. Figma plugin: download the .zip, then in the Figma desktop app open Plugins, Development, Import plugin from manifest and select manifest.json.
  3. REST API and MCP: call the API endpoints from your build, or add the MCP server to Claude Code, Cursor or another MCP client.
  4. shadcn/ui: run npx shadcn@latest add with this site's /r/theme/<hex>.json address, using your brand color as the hex and leaving out the #.

What is available

  • Chrome extension

    An eyedropper and a page palette reader in your toolbar. It names a picked color, shows its HEX, RGB, HSL and OKLCH values, and keeps your last 24 picks on your device.

  • Figma plugin

    Turn one brand color into light and dark Variables, OKLCH scales and named paint styles. It runs locally with no account and no network.

  • REST API

    Generate palettes, check contrast, build scales and color systems over plain HTTP, documented with OpenAPI.

  • MCP server

    Claude, Cursor and other MCP clients can generate palettes, audit a codebase and check contrast. The free tools need no token.

  • shadcn/ui registry

    Install a theme for any color with one command, with light and dark variables added to your CSS.

Frequently asked questions

Is there a Chrome extension for picking colors?

Yes. The GetColors extension has an eyedropper that picks any color on screen and a page palette reader that ranks a page colors by how much of the page they cover. A Chrome Web Store listing is coming soon, and for now you install it from the downloadable .zip.

Does the Figma plugin need an account or an internet connection?

No. It runs locally with no account and no network, and it exports back to CSS, Tailwind v4 or DTCG design tokens.

Is the color API free?

Yes. The API is public with no key and open CORS, and it is documented with OpenAPI. Anonymous use is rate-limited per IP address.

Do all the integrations give the same results?

Yes. They run the same engine as the website, so a color gets the same values, contrast ratios and scales in the browser, in Figma, in the API and in your agent.