Categories

Color Tetrad

Generate tetradic color schemes with four colors arranged in rectangular patterns on the color wheel, creating rich and complex color relationships

Custom angle adjustment for rectangle type

Multiplier for saturation (0.5-2.0)

Adjust lightness (-0.3 to 0.3)

Key Facts

Category
Design
Input Types
color, select, number, checkbox
Output Type
html
Sample Coverage
2
API Ready
Yes

Overview

Color Tetrad is an online design tool for generate tetradic color schemes with four colors arranged in rectangular patterns on the color wheel, creating rich and complex color relationships. It is especially useful when working with design content.

When to Use

  • Use it when you need to generate design content quickly in the browser.
  • Helpful for design workflows that need repeatable inputs and fast results.
  • Useful when you want to test input and output behavior before integrating the workflow elsewhere.

How It Works

  • Provide Base Color, Rectangle Type, Hue Adjustment (degrees), Saturation Adjustment as input to the tool.
  • The tool processes the request and returns a html result.
  • For repeatable workflows, use the API endpoint shown on the page after validating the result interactively.

Use Cases

Generate design data during debugging or QA.
Validate expected output before using the API or automation flows.
Compare small variations of input to understand output differences quickly.

Try with Samples

design

Related Hubs

FAQ

What does Color Tetrad do?

Color Tetrad helps you generate design content online without setting up a separate local script or app.

When should I use this tool?

Use it when you need a quick generate workflow, want to verify output, or need a browser-based utility for design tasks.

Can I try this tool with sample data?

Yes. Try short representative inputs first, then move to larger or more complex cases once the output looks correct.

What inputs does Color Tetrad accept?

Color Tetrad accepts Base Color, Rectangle Type, Hue Adjustment (degrees), Saturation Adjustment.

Is there an API for Color Tetrad?

Yes. The tool page includes an API endpoint so you can move from manual testing to scripted usage.

API Documentation

Request Endpoint

POST /en/api/tools/color-tetrad

Request Parameters

Parameter Name Type Required Description
baseColor color Yes -
rectangleType select No -
hueAdjustment number No Custom angle adjustment for rectangle type
saturationAdjust number No Multiplier for saturation (0.5-2.0)
lightnessAdjust number No Adjust lightness (-0.3 to 0.3)
includeOriginal checkbox No -
showHexCodes checkbox No -
showRgbValues checkbox No -
showHslValues checkbox No -
generatePalette checkbox No -

Response Format

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

AI MCP Documentation

Add this tool to your MCP server configuration:

{
  "mcpServers": {
    "elysiatools-color-tetrad": {
      "name": "color-tetrad",
      "description": "Generate tetradic color schemes with four colors arranged in rectangular patterns on the color wheel, creating rich and complex color relationships",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-tetrad",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]