Color Utilities

Triadic Colors

Generates three colors positioned 120° apart on the color wheel for balanced, vibrant color schemes. Access via MCP in Cursor or Windsurf, or call GET /v1/color/triadic with any base color. Returns precise hex values — input #FF0000 (red) outputs red, cyan, and yellow. Perfect for creating harmonious palettes in design workflows.

API Endpoint

GET /v1/color/triadic

Code Examples

curl "https://tinyfn.io/v1/color/triadic" \
  -H "X-API-Key: YOUR_API_KEY"
const response = await fetch('https://tinyfn.io/v1/color/triadic', {
  headers: { 'X-API-Key': 'YOUR_API_KEY' }
});
const data = await response.json();
console.log(data);
import requests

response = requests.get('https://tinyfn.io/v1/color/triadic',
    headers={'X-API-Key': 'YOUR_API_KEY'})
data = response.json()
print(data)

Use via MCP

Add to your AI agent

Connect your AI agent (Claude, Cursor, Windsurf, etc.) to TinyFn's color tools:

{
  "mcpServers": {
    "tinyfn-color": {
      "url": "https://tinyfn.io/mcp/color",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Learn more about MCP setup →

Related Tools

Hex To Hsl
Convert hex color to HSL.
Hsl To Hex
Convert HSL to hex color.
Hex To Hsv
Convert hex color to HSV.
Hsv To Hex
Convert HSV to hex color.
Hex To Cmyk
Convert hex color to CMYK.
Cmyk To Hex
Convert CMYK to hex color.
Lighten Color
Lighten a color by a percentage.
Darken Color
Darken a color by a percentage.

FAQ

What input formats does the triadic colors API accept?

Accepts hex codes (#FF0000), RGB values (255,0,0), HSL values, and named colors like 'red' or 'blue'.

How do triadic colors differ from complementary colors?

Triadic uses three colors spaced 120° apart, while complementary uses two colors 180° apart. Triadic schemes are more vibrant and balanced.

Can I use this tool with MCP in my AI coding assistant?

Yes, available as an MCP tool in Cursor, Claude Code, Windsurf, Cline, and other compatible editors for real-time palette generation.

What format does the triadic color response return?

Returns JSON with three hex color values and optional RGB/HSL equivalents, ensuring consistent output for design applications.

Do triadic colors work well for web design accessibility?

Triadic schemes can be vibrant but may need contrast adjustments for WCAG compliance. Test combinations before using in UI design.

Try Triadic Colors Now

Get your free API key and start using Triadic Colors in seconds.

Get Free API Key