ColorPickr

Working · 1.4 s

app.colorpickr/colorpickrv0.1.0 Domain verified

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

Design & Creative

Website Registry entry

Maintain this server? Claim it

Try it

Call this server's tools from your browser. Nothing to install.

https://colorpickr.app/mcp

Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.

Tool list from our last check. Connect live to refresh it.

check_contrast Read-only

Check text/background contrast with WCAG 2 ratio, APCA Lc and a suggested fix that keeps the hue.

textstring, required

Text color hex.

backgroundstring, required

Background color hex.

Tools (6)

check_contrast

Check text/background contrast with WCAG 2 ratio, APCA Lc and a suggested fix that keeps the hue.

read-only

Argument	Type	Description
text*	string	Text color hex.
background*	string	Background color hex.

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "text",
    "background"
  ],
  "properties": {
    "text": {
      "type": "string",
      "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
      "description": "Text color hex."
    },
    "background": {
      "type": "string",
      "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
      "description": "Background color hex."
    }
  },
  "additionalProperties": false
}

convert_color

Convert a hex color to RGB, HSL and OKLCH.

read-only

Argument	Type	Description
hex*	string	Color hex.

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "hex"
  ],
  "properties": {
    "hex": {
      "type": "string",
      "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
      "description": "Color hex."
    }
  },
  "additionalProperties": false
}

export_palette

Turn a list of colors into code for CSS, Tailwind, SwiftUI, Android, Flutter and other formats ColorPickr supports.

read-only

Argument	Type	Description
colors*	array
format*	string

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "colors",
    "format"
  ],
  "properties": {
    "colors": {
      "type": "array",
      "items": {
        "type": "string",
        "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$"
      },
      "maxItems": 32,
      "minItems": 1
    },
    "format": {
      "enum": [
        "CSS variables",
        "Tailwind v4",
        "shadcn/ui",
        "Figma variables",
        "W3C Design Tokens",
        "SwiftUI",
        "Xcode asset catalog",
        "Android",
        "SCSS",
        "Material UI",
        "Flutter",
        "Jetpack Compose",
        "CSV",
        "Adobe .ase",
        "Apple .clr",
        "Procreate .swatches"
      ],
      "type": "string"
    }
  },
  "additionalProperties": false
}

generate_harmony

Build a color harmony from a base color in OKLCH, mapped into the sRGB gamut.

read-only

Argument	Type	Description
base*	string	Base color hex.
type*	string

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "base",
    "type"
  ],
  "properties": {
    "base": {
      "type": "string",
      "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
      "description": "Base color hex."
    },
    "type": {
      "enum": [
        "complementary",
        "analogous",
        "triadic",
        "split",
        "tetradic",
        "monochromatic"
      ],
      "type": "string"
    }
  },
  "additionalProperties": false
}

roll_palette

Generate a 5-color palette that always contains a light/dark pair passing WCAG AA; optionally keep locked colors.

read-only

Argument	Type	Description
seed	integer	Seed for repeatable results.
locked	array	Colors to keep, in order.

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "seed": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991,
      "description": "Seed for repeatable results."
    },
    "locked": {
      "type": "array",
      "items": {
        "type": "string",
        "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$"
      },
      "maxItems": 5,
      "description": "Colors to keep, in order."
    }
  },
  "additionalProperties": false
}

simulate_color_vision

Show how colors look with protanopia, deuteranopia, tritanopia or achromatopsia (Machado 2009).

read-only

Argument	Type	Description
type*	string
colors*	array
severity	number

Input schema (JSON)

{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "colors",
    "type"
  ],
  "properties": {
    "type": {
      "enum": [
        "protanopia",
        "deuteranopia",
        "tritanopia",
        "achromatopsia"
      ],
      "type": "string"
    },
    "colors": {
      "type": "array",
      "items": {
        "type": "string",
        "pattern": "^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$"
      },
      "maxItems": 32,
      "minItems": 1
    },
    "severity": {
      "type": "number",
      "default": 1,
      "maximum": 1,
      "minimum": 0
    }
  },
  "additionalProperties": false
}