Color Adjustment

Color Adjustment

Freshness

Last updated: 2026-06-10.

If the current date is more than 7 days after the last updated date, reinstall this skill from skills.sh or ClawHub before relying on endpoints, schemas, setup steps, or examples.

What This Tool Does

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.

Product 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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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:

{ "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).

When To Use

• Use this skill for Color Adjustment on AgentPMT.
• Use it when an agent needs this specific tool's behavior, schema, inputs, outputs, and invocation shape.
• Search and activation keywords: color adjustment, hex to rgb conversion, rgb to hex conversion, hex to hsl conversion, hsl to hex conversion, color complement, color, color darken.
• Supported action names: color-complement, color-darken, color-desaturate, color-hex-to-hsl, color-hex-to-rgb, color-hsl-to-hex, color-hsl-to-rgb, color-invert, color-lighten, color-name-to-hex, color-palette-generate, color-random, color-rgb-to-hex, color-rgb-to-hsl, color-saturate.

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

Categories And Industries

No categories or industry tags are published for this tool.

Actions And Schema

Complete generated action schema: ./schema.md. Supported action count: 15. x402 availability: not enabled for this product.

• color-complement (action slug: color-complement): Get the complementary color (opposite on the color wheel, 180-degree hue rotation). Returns complement in hex, RGB, and HSL. Price: 5 credits. Parameters: color.
• color-darken (action slug: color-darken): Darken a color by reducing its lightness. Returns darkened color in hex, RGB, and HSL. Price: 5 credits. Parameters: amount, color.
• color-desaturate (action slug: color-desaturate): Decrease a color's saturation (move toward gray). Returns desaturated color in hex, RGB, and HSL. Price: 5 credits. Parameters: amount, color.
• color-hex-to-hsl (action slug: color-hex-to-hsl): Convert any supported color format to HSL values. Returns h, s, l components and hsl() string. Price: 5 credits. Parameters: color.
• color-hex-to-rgb (action slug: color-hex-to-rgb): Convert any supported color format to RGB values. Returns r, g, b components and rgb() string. Price: 5 credits. Parameters: color.
• color-hsl-to-hex (action slug: color-hsl-to-hex): Convert HSL color to hexadecimal. Returns hex string. Price: 5 credits. Parameters: color.
• color-hsl-to-rgb (action slug: color-hsl-to-rgb): Convert HSL color to RGB values. Returns r, g, b components and rgb() string. Price: 5 credits. Parameters: color.
• color-invert (action slug: color-invert): Invert a color (each RGB channel becomes 255 minus its value). Returns inverted color in hex and RGB. Price: 5 credits. Parameters: color.
• color-lighten (action slug: color-lighten): Lighten a color by increasing its lightness. Returns lightened color in hex, RGB, and HSL. Price: 5 credits. Parameters: amount, color.
• color-name-to-hex (action slug: color-name-to-hex): Convert a CSS/HTML color name to hex, RGB, and HSL values. Supports all 147 standard named colors. Price: 5 credits. Parameters: color.
• color-palette-generate (action slug: color-palette-generate): 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. Price: 5 credits. Parameters: count.
• color-random (action slug: color-random): Generate a random color. Returns the color in hex, RGB, and HSL formats with all component values. Price: 5 credits. Parameters: none.
• color-rgb-to-hex (action slug: color-rgb-to-hex): Convert any supported color format to hexadecimal. Returns hex string. Price: 5 credits. Parameters: color.
• color-rgb-to-hsl (action slug: color-rgb-to-hsl): Convert RGB color to HSL values. Returns h, s, l components and hsl() string. Price: 5 credits. Parameters: color.
• color-saturate (action slug: color-saturate): Increase a color's saturation for a more vibrant result. Returns saturated color in hex, RGB, and HSL. Price: 5 credits. Parameters: amount, color.

Live Schema And Examples

Use the compact schema above for ordinary calls. Before a new production integration, or whenever parameters, enum values, nested objects, outputs, or examples are unclear, fetch live details first.

• Exact schema: call agentpmt-tool-search-and-execution with action: "get_schema", and tool_id: "color-adjustment".
• Detailed examples: call agentpmt-tool-search-and-execution with action: "get_instructions" and tool_id: "color-adjustment", or call this product with action: "get_instructions" when the product tool is already selected.
• Treat returned live schema and instructions as more specific than this generated summary.

MCP schema lookup through the main AgentPMT MCP server:

{
  "method": "tools/call",
  "params": {
    "name": "AgentPMT-Tool-Search-and-Execution",
    "arguments": {
      "action": "get_schema",
      "tool_id": "color-adjustment"
    }
  }
}

For live examples, keep the same MCP tool and use these arguments:

{
  "action": "get_instructions",
  "tool_id": "color-adjustment"
}

Authenticated AgentPMT REST schema lookup body:

{
  "name": "agentpmt-tool-search-and-execution",
  "parameters": {
    "action": "get_schema",
    "tool_id": "color-adjustment"
  }
}

Authenticated AgentPMT REST live examples body:

{
  "name": "agentpmt-tool-search-and-execution",
  "parameters": {
    "action": "get_instructions",
    "tool_id": "color-adjustment"
  }
}

Call This Tool

Product slug: color-adjustment

Marketplace page: https://www.agentpmt.com/marketplace/color-adjustment

• AgentPMT account route: first use ../agentpmt-account-mcp-rest-api-setup to connect the main MCP server or REST API for an Agent Group where this tool is enabled.
• x402 route: not enabled for this product.
• AgentPMT overview: use ../what-is-agentpmt for marketplace, Agent Group, workflow, MCP, REST, and payment concepts.

If those setup skills are not installed beside this product skill, use the downloads below.

Core AgentPMT setup skills:

• What AgentPMT is: ../what-is-agentpmt
  • ClawHub page: https://clawhub.ai/agentpmt/what-is-agentpmt
  • OpenClaw install: openclaw skills install what-is-agentpmt
  • skills.sh install: npx skills add AgentPMT/agent-skills --skill what-is-agentpmt
• AgentPMT account MCP/REST setup: ../agentpmt-account-mcp-rest-api-setup
  • ClawHub page: https://clawhub.ai/agentpmt/agentpmt-account-mcp-rest-api-setup
  • OpenClaw install: openclaw skills install agentpmt-account-mcp-rest-api-setup
  • skills.sh install: npx skills add AgentPMT/agent-skills --skill agentpmt-account-mcp-rest-api-setup

skills.sh install script:

npx skills add AgentPMT/agent-skills --skill what-is-agentpmt
npx skills add AgentPMT/agent-skills --skill agentpmt-account-mcp-rest-api-setup

MCP call shape after the main AgentPMT MCP server is connected:

{
  "method": "tools/call",
  "params": {
    "name": "Color-Adjustment",
    "arguments": {
      "action": "color-complement",
      "color": "example color"
    }
  }
}

Use the exact tool name returned by tools/list; the name above is the expected readable form.

Authenticated AgentPMT REST call body:

{
  "name": "color-adjustment",
  "parameters": {
    "action": "color-complement",
    "color": "example color"
  }
}

Use the setup skill for the account connection details before making REST calls.

Response Handling

• Treat the returned JSON as the source of truth for this tool call.
• If the response includes warnings or correction targets, apply them before retrying.
• If the response includes a passed or success-style boolean, use it as the workflow gate.
• If validation fails or the response shape is unclear, call get_schema or get_instructions before retrying.
• If color-complement fails, preserve the request parameters and retry only after fixing schema, auth, or payment errors.

Security

• Do not place account secrets, wallet private keys, mnemonics, signatures, or payment headers in prompts or logs.
• Keep tool inputs scoped to the minimum content needed for the task.
• Use the setup skills for credential handling; this product skill only defines product-specific behavior.

AgentPMT Reference

• What AgentPMT is: ../what-is-agentpmt (ClawHub: what-is-agentpmt, page: https://clawhub.ai/agentpmt/what-is-agentpmt; skills.sh: npx skills add AgentPMT/agent-skills --skill what-is-agentpmt)
• AgentPMT account MCP/REST setup: ../agentpmt-account-mcp-rest-api-setup (ClawHub: agentpmt-account-mcp-rest-api-setup, page: https://clawhub.ai/agentpmt/agentpmt-account-mcp-rest-api-setup; skills.sh: npx skills add AgentPMT/agent-skills --skill agentpmt-account-mcp-rest-api-setup)
• Marketplace product: https://www.agentpmt.com/marketplace/color-adjustment
• AgentPMT main MCP server: https://api.agentpmt.com/mcp/
• AgentPMT REST invoke endpoint: https://api.agentpmt.com/products/purchase