Skip to content
Limited Edition DevTools

Colors-LE

Extract every color in a codebase, and say which ones are not in your palette

FreeOpen sourceMITNo network access

No editor in the loop? npx -y colors-le-mcp runs the same engine as an MCP server, so an agent can call extract_colors with nothing else installed, and cargo install colors-le puts the same check in a terminal. Every way to install it.

Overview

What Colors-LE does

Design systems drift one hard-coded hex at a time. Colors-LE extracts every color from a stylesheet, template or component file — hex, rgb/rgba, hsl/hsla, the CSS Color 4 functions (oklch, oklab, lab, lch, hwb, color()) and named colors — then analyses the result: distribution, clusters of near-duplicates, and contrast ratios against WCAG AA and AAA. It reads CSS, SCSS, LESS, Stylus, HTML, JavaScript, TypeScript and SVG.

What people use it for

  • Palette auditing

    Every hex, rgb()/rgba(), hsl()/hsla(), oklch(), lab(), color() and named color across stylesheets, markup and code.

  • Design-system review

    Analyse distribution, cluster similar colors, and spot near-duplicates.

  • Accessibility checks

    Contrast ratios against WCAG AA and AAA via the Validate command.

Palette

11 commands

Open the command palette and type the name. Nothing is bound to a shortcut by default — the editor's keymap is the user's, not ours.

colors-le.showPositions: Show the line and column of each color. Off by default.

  • Extract Colorscolors-le.extractColors
  • Extract Colors from Workspacecolors-le.extractWorkspace
  • Extract Colors from Foldercolors-le.extractFolder
  • Analyze Colorscolors-le.analyze
  • Convert Colorscolors-le.convert
  • Filter Colorscolors-le.filter
  • Validate Colorscolors-le.validate
  • Deduplicate Colorscolors-le.postProcess.dedupe
  • Sort Colorscolors-le.postProcess.sort
  • Open Settingscolors-le.openSettings
  • Help & Troubleshootingcolors-le.help

Install

Install Colors-LE

VS Code

ext install nolindnaidoo.colors-le

Open Quick Open (Cmd/Ctrl+P) and paste.

Cursor / Windsurf

cursor --install-extension nolindnaidoo.colors-le

Cursor, Windsurf, VSCodium and the other VS Code forks pull from Open VSX. The id is the same as on the Marketplace.

AI agents

npx -y colors-le-mcp

Runs Colors-LE's engine as an MCP server, so an agent can call extract_colors with no editor involved. VS Code 1.101+ needs nothing — the extension registers it for you.

Channels

Where it ships

One engine, 5 places to get it. Copy the one for the editor you use.

Links

Where Colors-LE lives

The family

The other 16