Skip to content
VS Code

ColorPickr for VS Code

app.colorpickr/colorpickr

Contrast checks with fixes, OKLCH harmonies, palettes, color-blind previews and code export.

client:VS Code transport:streamable-http tools:6

Install ColorPickr in VS Code

.vscode/mcp.json

{
  "servers": {
    "colorpickr": {
      "type": "http",
      "url": "https://colorpickr.app/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs

What VS Code can do once it is connected

ColorPickr in other clients