Happytails.aiFree tools. No account needed.

Palette generator | agent view

The same page content and links, with explicit tool capabilities. Tools marked with an API can run directly through HTTP. Other tools require the browser interface or are not connected yet.

Tool capabilities

{
  "id": "palette-generator",
  "category": "design-tools",
  "built": true,
  "requirements": "Generate from image or seed; lock colors and export HEX/CSS; label accessibility checks separately.",
  "implementation": {
    "fields": [
      {
        "key": "color",
        "label": "Base color",
        "value": "#3366cc",
        "type": "color"
      },
      {
        "key": "n",
        "label": "Shades",
        "value": 9,
        "type": "number"
      }
    ],
    "input": false,
    "experience": {
      "automatic": false,
      "single": false,
      "label": "Your text",
      "placeholder": "Type or paste your input…",
      "help": "Up to 1,000,000 characters. Review the settings before running.",
      "action": null
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "POST /api/v1/tools/palette-generator/run",
  "api": {
    "id": "palette-generator",
    "name": "Palette generator",
    "category": "design-tools",
    "description": "Generate from image or seed.",
    "notes": "",
    "human_path": "/en/design-tools/palette-generator/",
    "method": "POST",
    "endpoint": "/api/v1/tools/palette-generator/run",
    "schema_url": "/api/v1/tools/palette-generator",
    "input_schema": {
      "type": "object",
      "additionalProperties": false,
      "properties": {
        "input": {
          "type": "string",
          "maxLength": 1000000,
          "default": "",
          "description": "Plain text input. File tools use files instead unless otherwise documented."
        },
        "options": {
          "type": "object",
          "additionalProperties": false,
          "properties": {
            "color": {
              "type": "string",
              "description": "Base color",
              "default": "#3366cc"
            },
            "n": {
              "type": "number",
              "description": "Shades",
              "default": 9.0
            }
          }
        }
      }
    },
    "output_schema": {
      "type": "object",
      "required": [
        "tool",
        "result"
      ],
      "properties": {
        "tool": {
          "type": "string"
        },
        "result": {
          "type": "object",
          "required": [
            "text",
            "files"
          ],
          "properties": {
            "text": {
              "type": [
                "string",
                "null"
              ]
            },
            "data": {
              "description": "Parsed JSON when the textual result is JSON."
            },
            "name": {
              "type": "string"
            },
            "mime": {
              "type": "string"
            },
            "files": {
              "type": "array",
              "items": {
                "type": "object",
                "required": [
                  "name",
                  "mime",
                  "bytes",
                  "base64"
                ],
                "properties": {
                  "name": {
                    "type": "string"
                  },
                  "mime": {
                    "type": "string"
                  },
                  "bytes": {
                    "type": "integer"
                  },
                  "base64": {
                    "type": "string",
                    "contentEncoding": "base64"
                  }
                }
              }
            }
          }
        }
      }
    },
    "processing": "Server; same transformation code as browser tools",
    "limits": {
      "request_bytes": 8388608,
      "input_characters": 1000000,
      "files_bytes": 5242880,
      "max_files": 0,
      "timeout_seconds": 12
    }
  },
  "agent_processing": "Server; same transformation code as browser tools",
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}

Page guide

Generate from image or seed.

Useful next steps

How to use Palette generator

  1. Enter the values you want to calculate and choose the relevant units or settings.
  2. Review the settings, then choose Run Palette generator.
  3. Review the result, then use Copy result or a download link when available.

Working with palette generator

Design utilities help translate colors, dimensions and layout values into reusable settings. A color representation or size calculation is only useful when its units and intended display context are clear.

Common questions

Are colors identical on every display?

No. Display calibration, color management and viewing conditions can change appearance. Numeric color conversion does not control those conditions.

Does a computed contrast ratio describe the whole design?

A ratio compares specified foreground and background colors. Transparency, images, font size and other visual choices can change the actual reading experience.

Continue your workflow: Color picker, Contrast checker, Hex to RGB.