# Color Adjustment

## Links

- Product page URL: https://www.agentpmt.com/marketplace/color-adjustment
- Product markdown URL: https://www.agentpmt.com/marketplace/color-adjustment?format=agent-md
- Product JSON URL: https://www.agentpmt.com/marketplace/color-adjustment?format=agent-json

## Overview

- Product ID: 694de6f7ecea2b5619a17bdc
- Vendor: Apoth3osis
- Type: function
- Unit type: request
- Price: 500 credits
- Categories: Color & Design Utilities
- Generated at: 2026-04-15T18:29:32.520Z

### Page Description

A color conversion and manipulation utility for working with colors across multiple formats used in web development, graphic design, and user interface design. It features a smart color parser that accepts input in any common format including hexadecimal codes with or without hash prefix in both short and long forms, RGB functional notation, HSL functional notation, comma-separated RGB values, and over 140 CSS named colors like coral, steelblue, and papayawhip. Format conversion functions translate between hex, RGB, and HSL color spaces with full component extraction for programmatic use. Color manipulation operations include finding complementary colors by rotating 180 degrees on the color wheel, darkening and lightening by adjustable percentages through lightness modification, inverting colors by subtracting each channel from 255, and adjusting saturation up or down for more vibrant or muted tones. The random color generator produces full color specifications across all formats, while the palette generator creates harmonious color schemes using color theory principles including analogous, complementary, and evenly-distributed hue rotations with subtle saturation and lightness variations. All operations return results in multiple formats simultaneously for immediate use in CSS, design tools, or further processing.

### Agent Description

Color manipulation: convert between hex/RGB/HSL, complement, darken/lighten, invert, adjust saturation, generate palettes. Accepts 140+ named colors.

## Details Tab

### Details

A color conversion and manipulation utility for working with colors across multiple formats used in web development, graphic design, and user interface design. It features a smart color parser that accepts input in any common format including hexadecimal codes with or without hash prefix in both short and long forms, RGB functional notation, HSL functional notation, comma-separated RGB values, and over 140 CSS named colors like coral, steelblue, and papayawhip. Format conversion functions translate between hex, RGB, and HSL color spaces with full component extraction for programmatic use. Color manipulation operations include finding complementary colors by rotating 180 degrees on the color wheel, darkening and lightening by adjustable percentages through lightness modification, inverting colors by subtracting each channel from 255, and adjusting saturation up or down for more vibrant or muted tones. The random color generator produces full color specifications across all formats, while the palette generator creates harmonious color schemes using color theory principles including analogous, complementary, and evenly-distributed hue rotations with subtle saturation and lightness variations. All operations return results in multiple formats simultaneously for immediate use in CSS, design tools, or further processing.

### Actions

- `color-hex-to-rgb` (5 credits): Convert any supported color format to RGB values. Returns r, g, b components and rgb() string.
- `color-rgb-to-hex` (5 credits): Convert any supported color format to hexadecimal. Returns hex string.
- `color-hex-to-hsl` (5 credits): Convert any supported color format to HSL values. Returns h, s, l components and hsl() string.
- `color-hsl-to-hex` (5 credits): Convert HSL color to hexadecimal. Returns hex string.
- `color-rgb-to-hsl` (5 credits): Convert RGB color to HSL values. Returns h, s, l components and hsl() string.
- `color-hsl-to-rgb` (5 credits): Convert HSL color to RGB values. Returns r, g, b components and rgb() string.
- `color-complement` (5 credits): Get the complementary color (opposite on the color wheel, 180-degree hue rotation). Returns complement in hex, RGB, and HSL.
- `color-darken` (5 credits): Darken a color by reducing its lightness. Returns darkened color in hex, RGB, and HSL.
- `color-lighten` (5 credits): Lighten a color by increasing its lightness. Returns lightened color in hex, RGB, and HSL.
- `color-invert` (5 credits): Invert a color (each RGB channel becomes 255 minus its value). Returns inverted color in hex and RGB.
- `color-saturate` (5 credits): Increase a color's saturation for a more vibrant result. Returns saturated color in hex, RGB, and HSL.
- `color-desaturate` (5 credits): Decrease a color's saturation (move toward gray). Returns desaturated color in hex, RGB, and HSL.
- `color-random` (5 credits): Generate a random color. Returns the color in hex, RGB, and HSL formats with all component values.
- `color-palette-generate` (5 credits): Generate a harmonious color palette using color theory. Uses analogous colors for small palettes (up to 3), pentagon distribution for medium (up to 5), and even distribution for larger palettes.
- `color-name-to-hex` (5 credits): Convert a CSS/HTML color name to hex, RGB, and HSL values. Supports all 147 standard named colors.

### Use Cases

Hex to RGB conversion, RGB to hex conversion, hex to HSL conversion, HSL to hex conversion, RGB to HSL conversion, HSL to RGB conversion, color format translation, CSS color conversion, web color conversion, color space conversion, color code translation, complementary color finder, opposite color calculation, color wheel complement, color harmony generation, darken color, reduce brightness, shade generation, darker variant creation, lighten color, increase brightness, tint generation, lighter variant creation, invert color, negative color, color inversion, saturate color, increase vibrancy, vivid color creation, desaturate color, muted color, grayscale shift, reduce saturation, random color generation, random hex color, random RGB color, color palette generation, harmonious color scheme, analogous colors, color scheme generator, UI color palette, design color scheme, brand color generation, CSS named color lookup, HTML color name conversion, color name to hex, web safe color, color picker tool, design tool integration, frontend color utility, theme color generation, color manipulation API, AI agent color processing, LLM design assistance, automated color adjustment, programmatic color manipulation, color component extraction, RGB channel extraction, HSL component parsing

### Workflows Using This Tool

No public workflows currently reference this product.

### Related Content

No related content is currently linked to this product.

## Advanced Tab

### DynamicMCP

- Setup page URL: https://www.agentpmt.com/dynamic-mcp
- Claude setup guide: https://www.agentpmt.com/dynamic-mcp?platform=claude#videos
- ChatGPT setup guide: https://www.agentpmt.com/dynamic-mcp?platform=chatgpt#videos
- Cursor setup guide: https://www.agentpmt.com/dynamic-mcp?platform=cursor#videos
- Windsurf setup guide: https://www.agentpmt.com/dynamic-mcp?platform=windsurf#videos

STDIO connector for Claude Code, Codex, Cursor, Zed, and other LLMs that require STDIO or custom connections. This lightweight connector routes requests to `https://api.agentpmt.com/mcp`. All tool execution happens in the cloud and the server cannot edit any files on your computer.

```bash
npm install -g @agentpmt/mcp-router
agentpmt-setup
```

### REST API

The live page renders cURL, Python, JavaScript, and Node.js examples. Logged-in users see those examples prefilled with their own API and budget credentials.

- Purchase endpoint: https://api.agentpmt.com/products/purchase
- Authorization format: `Bearer <base64(apiKey:budgetKey)>`

```bash
curl -X POST "https://api.agentpmt.com/products/purchase" \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer eW91ci1hcGkta2V5LWhlcmU6eW91ci1idWRnZXQta2V5LWhlcmU=" \
  -d '{
    "product_id": "694de6f7ecea2b5619a17bdc",
    "parameters": {
      "action": "color-hex-to-rgb",
      "color": "example_color"
    }
  }'
```

### Autonomous Agents

Do not use the abbreviated instructions in this product markdown for wallet-based invocation. Retrieve the full External Agent API markdown document instead.

- External Agent API page URL: https://www.agentpmt.com/external-agent-api
- External Agent API markdown URL: https://www.agentpmt.com/external-agent-api?format=agent-md

### Schema

#### Parameters

- Schema type: actions

```json
{
  "actions": {
    "color-hex-to-rgb": {
      "description": "Convert any supported color format to RGB values. Returns r, g, b components and rgb() string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex (#3498db or 3498db), RGB function (rgb(52,152,219)), HSL function (hsl(204,70,53)), comma-separated RGB (52,152,219), or named color (red, forestgreen, etc.).",
          "required": true
        }
      }
    },
    "color-rgb-to-hex": {
      "description": "Convert any supported color format to hexadecimal. Returns hex string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-hex-to-hsl": {
      "description": "Convert any supported color format to HSL values. Returns h, s, l components and hsl() string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-hsl-to-hex": {
      "description": "Convert HSL color to hexadecimal. Returns hex string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-rgb-to-hsl": {
      "description": "Convert RGB color to HSL values. Returns h, s, l components and hsl() string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-hsl-to-rgb": {
      "description": "Convert HSL color to RGB values. Returns r, g, b components and rgb() string.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to convert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-complement": {
      "description": "Get the complementary color (opposite on the color wheel, 180-degree hue rotation). Returns complement in hex, RGB, and HSL.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Base color. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-darken": {
      "description": "Darken a color by reducing its lightness. Returns darkened color in hex, RGB, and HSL.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to darken. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        },
        "amount": {
          "type": "integer",
          "description": "Percentage to darken (1-100). Default: 10.",
          "required": false,
          "default": 10,
          "minimum": 1,
          "maximum": 100
        }
      }
    },
    "color-lighten": {
      "description": "Lighten a color by increasing its lightness. Returns lightened color in hex, RGB, and HSL.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to lighten. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        },
        "amount": {
          "type": "integer",
          "description": "Percentage to lighten (1-100). Default: 10.",
          "required": false,
          "default": 10,
          "minimum": 1,
          "maximum": 100
        }
      }
    },
    "color-invert": {
      "description": "Invert a color (each RGB channel becomes 255 minus its value). Returns inverted color in hex and RGB.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to invert. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        }
      }
    },
    "color-saturate": {
      "description": "Increase a color's saturation for a more vibrant result. Returns saturated color in hex, RGB, and HSL.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to saturate. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        },
        "amount": {
          "type": "integer",
          "description": "Percentage to increase saturation (1-100). Default: 10.",
          "required": false,
          "default": 10,
          "minimum": 1,
          "maximum": 100
        }
      }
    },
    "color-desaturate": {
      "description": "Decrease a color's saturation (move toward gray). Returns desaturated color in hex, RGB, and HSL.",
      "properties": {
        "color": {
          "type": "string",
          "description": "Color to desaturate. Accepts hex, rgb(), hsl(), comma-separated RGB, or named color.",
          "required": true
        },
        "amount": {
          "type": "integer",
          "description": "Percentage to decrease saturation (1-100). Default: 10.",
          "required": false,
          "default": 10,
          "minimum": 1,
          "maximum": 100
        }
      }
    },
    "color-random": {
      "description": "Generate a random color. Returns the color in hex, RGB, and HSL formats with all component values."
    },
    "color-palette-generate": {
      "description": "Generate a harmonious color palette using color theory. Uses analogous colors for small palettes (up to 3), pentagon distribution for medium (up to 5), and even distribution for larger palettes.",
      "properties": {
        "count": {
          "type": "integer",
          "description": "Number of colors to generate (1-20). Default: 5.",
          "required": false,
          "default": 5,
          "minimum": 1,
          "maximum": 20
        }
      }
    },
    "color-name-to-hex": {
      "description": "Convert a CSS/HTML color name to hex, RGB, and HSL values. Supports all 147 standard named colors.",
      "properties": {
        "color": {
          "type": "string",
          "description": "CSS/HTML color name (e.g., 'coral', 'steelblue', 'forestgreen', 'tomato').",
          "required": true
        }
      }
    }
  },
  "properties": {
    "action": {
      "type": "string",
      "description": "The color operation to perform. Use 'get_instructions' to retrieve documentation. Available actions: Conversions (color-hex-to-rgb, color-rgb-to-hex, color-hex-to-hsl, color-hsl-to-hex, color-rgb-to-hsl, color-hsl-to-rgb), Manipulations (color-complement, color-darken, color-lighten, color-invert, color-saturate, color-desaturate), Generators (color-random, color-palette-generate), Named colors (color-name-to-hex)",
      "required": true,
      "enum": [
        "get_instructions",
        "color-hex-to-rgb",
        "color-rgb-to-hex",
        "color-hex-to-hsl",
        "color-hsl-to-hex",
        "color-rgb-to-hsl",
        "color-hsl-to-rgb",
        "color-complement",
        "color-darken",
        "color-lighten",
        "color-invert",
        "color-saturate",
        "color-desaturate",
        "color-random",
        "color-palette-generate",
        "color-name-to-hex"
      ]
    },
    "color": {
      "type": "string",
      "description": "Universal color input that accepts multiple formats: Hex (#3498db or 3498db), RGB function (rgb(52, 152, 219)), HSL function (hsl(204, 70, 53)), Comma-separated RGB (52,152,219), or Named color (red, blue, forestgreen, etc.). Required for all actions except color-random and color-palette-generate. The smart parser automatically detects and converts the format.",
      "required": false
    },
    "amount": {
      "type": "integer",
      "description": "Amount to adjust color (1-100). Used for color-darken, color-lighten, color-saturate, and color-desaturate actions. Default: 10",
      "required": false,
      "default": 10,
      "minimum": 1,
      "maximum": 100
    },
    "count": {
      "type": "integer",
      "description": "Number of colors to generate (1-20). Used for color-palette-generate action. Default: 5",
      "required": false,
      "default": 5,
      "minimum": 1,
      "maximum": 20
    }
  }
}
```

### Usage Instructions

# Color Adjustment - Instructions

## Overview

Color Adjustment provides color format conversion, manipulation, and generation utilities. It accepts colors in multiple formats (hex, RGB, HSL, named colors) with automatic format detection, and performs conversions, adjustments, and palette generation.

## Accepted Color Formats

The `color` parameter accepts any of the following formats -- the parser auto-detects:

- **Hex**: `#3498db` or `3498db` (with or without #, 3 or 6 digits)
- **RGB function**: `rgb(52, 152, 219)`
- **HSL function**: `hsl(204, 70, 53)`
- **Comma-separated RGB**: `52,152,219`
- **Named color**: `red`, `forestgreen`, `dodgerblue`, etc. (all standard CSS/HTML color names)

---

## Actions

### Conversions

#### color-hex-to-rgb
Convert any supported color format to RGB values.

- **Required**: `color` -- the color to convert
- **Optional**: none

**Example**:
```json
{ "action": "color-hex-to-rgb", "color": "#3498db" }
```

#### color-rgb-to-hex
Convert any supported color format to hex.

- **Required**: `color` -- the color to convert (e.g., `rgb(52, 152, 219)` or `52,152,219`)
- **Optional**: none

**Example**:
```json
{ "action": "color-rgb-to-hex", "color": "rgb(255, 0, 0)" }
```

#### color-hex-to-hsl
Convert any supported color format to HSL values.

- **Required**: `color` -- the color to convert
- **Optional**: none

**Example**:
```json
{ "action": "color-hex-to-hsl", "color": "#0000FF" }
```

#### color-hsl-to-hex
Convert HSL color to hex.

- **Required**: `color` -- the color in HSL or any supported format
- **Optional**: none

**Example**:
```json
{ "action": "color-hsl-to-hex", "color": "hsl(204, 70, 53)" }
```

#### color-rgb-to-hsl
Convert RGB color to HSL.

- **Required**: `color` -- the color to convert
- **Optional**: none

**Example**:
```json
{ "action": "color-rgb-to-hsl", "color": "rgb(255, 255, 0)" }
```

#### color-hsl-to-rgb
Convert HSL color to RGB.

- **Required**: `color` -- the color to convert
- **Optional**: none

**Example**:
```json
{ "action": "color-hsl-to-rgb", "color": "hsl(120, 100, 50)" }
```

#### color-name-to-hex
Convert a CSS/HTML color name to hex, RGB, and HSL values.

- **Required**: `color` -- the named color (e.g., `coral`, `steelblue`, `tomato`)
- **Optional**: none

**Example**:
```json
{ "action": "color-name-to-hex", "color": "forestgreen" }
```

---

### Manipulations

#### color-complement
Get the complementary color (opposite on the color wheel, 180-degree hue rotation).

- **Required**: `color` -- the base color
- **Optional**: none

**Example**:
```json
{ "action": "color-complement", "color": "#FF0000" }
```

#### color-darken
Darken a color by reducing its lightness.

- **Required**: `color` -- the color to darken
- **Optional**: `amount` -- percentage to darken (1-100, default: 10)

**Example**:
```json
{ "action": "color-darken", "color": "#3498db", "amount": 20 }
```

#### color-lighten
Lighten a color by increasing its lightness.

- **Required**: `color` -- the color to lighten
- **Optional**: `amount` -- percentage to lighten (1-100, default: 10)

**Example**:
```json
{ "action": "color-lighten", "color": "navy", "amount": 15 }
```

#### color-invert
Invert a color (each RGB channel becomes 255 minus its value).

- **Required**: `color` -- the color to invert
- **Optional**: none

**Example**:
```json
{ "action": "color-invert", "color": "#3498db" }
```

#### color-saturate
Increase a color's saturation.

- **Required**: `color` -- the color to saturate
- **Optional**: `amount` -- percentage to increase saturation (1-100, default: 10)

**Example**:
```json
{ "action": "color-saturate", "color": "rgb(150, 120, 100)", "amount": 30 }
```

#### color-desaturate
Decrease a color's saturation (move toward gray).

- **Required**: `color` -- the color to desaturate
- **Optional**: `amount` -- percentage to decrease saturation (1-100, default: 10)

**Example**:
```json
{ "action": "color-desaturate", "color": "#e74c3c", "amount": 25 }
```

---

### Generators

#### color-random
Generate a random color. Returns hex, RGB, and HSL values.

- **Required**: none
- **Optional**: none

**Example**:
```json
{ "action": "color-random" }
```

#### color-palette-generate
Generate a harmonious color palette. Uses analogous colors for small palettes (up to 3), pentagon distribution for medium palettes (up to 5), and even distribution for larger palettes.

- **Required**: none
- **Optional**: `count` -- number of colors to generate (1-20, default: 5)

**Example**:
```json
{ "action": "color-palette-generate", "count": 8 }
```

---

## Common Workflows

1. **Brand color exploration**: Use `color-name-to-hex` to start from a named color, then `color-complement` to find a contrasting accent, and `color-lighten` / `color-darken` to create variants.
2. **Building a UI palette**: Use `color-palette-generate` with a desired count, then fine-tune individual colors with `color-saturate` or `color-desaturate`.
3. **Format conversion for developers**: Convert between hex, RGB, and HSL using the conversion actions to match the format required by your CSS, design tool, or API.
4. **Accessibility checks**: Use `color-lighten` and `color-darken` to create sufficient contrast between text and background colors.

## Important Notes

- All actions except `color-random` and `color-palette-generate` require the `color` parameter.
- The `amount` parameter only applies to `color-darken`, `color-lighten`, `color-saturate`, and `color-desaturate`.
- The `count` parameter only applies to `color-palette-generate`.
- All responses include the result in multiple formats (hex, RGB, and/or HSL) for convenience.
- Named colors support all 147 standard CSS/HTML color names (e.g., `aliceblue`, `coral`, `midnightblue`, `tomato`).

### About The Developer

- Vendor name: Apoth3osis
- Website: apoth3osis.io

We build tools that enable AI agents to excel in the mathematical realm.

Our small team develops experimental and unique solutions in the AI arena, with a strong focus on modular computing for agentic applications and custom model deployment. We have handled projects for a variety of applications across many sectors, from algorithmic trading and financial analysis, to molecular simulations and predictions, to habitat and biodiversity monitoring and wildlife conservation.

### Frequently Asked Questions

No linked FAQs are currently available.

### Dependencies

This product has no public dependency products.