Index onlineMerchant portal
Api Endpoint

Color Convert + Contrast

Parse any CSS color (hex, rgb(), hsl()) and emit all three formats plus relative luminance. Compute WCAG contrast ratios against a background with AA/AAA pass-fail for normal and large text, and lighten, darken, or mix colors. Built for agents generating accessible UI themes. POST a JSON body like: {"color":"#3498db","background":"#ffffff"}

Open interactive test console

Offering

Provider
keyronne.com
Method
POST
Offering type
Api Endpoint
Transport type
http
Category
General Utilities
Delivery
Not provided
Pricing model
Not provided
x402 version
2

Endpoint context

URL
https://keyronne.com/api/color
MIME type
application/json
First seen
2026-10-16T01:50:06.715Z
Last seen
Tags
color, hex, rgb, WCAG, contrast

Website

Payment pricing

x402 payment terms are the authoritative price for calling this endpoint.

Payment option 1
0.001 USDC
Atomic price: 1000 · Network: eip155:8453 · Asset: USDC · Scheme: exact
Raw x402 terms
[
  {
    "scheme": "exact",
    "network": "eip155:8453",
    "asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
    "amount": "1000",
    "payTo": "0xB86F95EF5FA904318Ea9Df3b59AdCe099b478fC4"
  }
]

Observed health

Status
Healthy
Latest latency
106 ms
Average latency
185 ms
HTTP status
204
Last checked
Reachability
100% over 14 checks

Latency is measured to the first response headers. A reachable result does not verify response accuracy or merchant identity.

Input schema

{
  "type": "object",
  "properties": {
    "type": {
      "type": "string",
      "const": "http"
    },
    "method": {
      "type": "string",
      "enum": [
        "POST"
      ]
    },
    "bodyType": {
      "type": "string",
      "enum": [
        "json"
      ]
    },
    "body": {
      "type": "object",
      "required": [
        "color"
      ],
      "properties": {
        "color": {
          "type": "string",
          "description": "A color: \"#3498db\", \"rgb(52,152,219)\", or \"hsl(204,70%,53%)\"."
        },
        "background": {
          "type": "string",
          "description": "Optional second color for a WCAG contrast check."
        },
        "lighten": {
          "type": "number",
          "description": "Increase lightness by this many percent (0-100)."
        },
        "darken": {
          "type": "number",
          "description": "Decrease lightness by this many percent (0-100)."
        },
        "mix": {
          "type": "string",
          "description": "Blend the color toward this one."
        },
        "weight": {
          "type": "number",
          "minimum": 0,
          "maximum": 1,
          "default": 0.5,
          "description": "Mix weight toward \"mix\"."
        }
      }
    }
  }
}

Output schema

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "input": {
      "properties": {
        "body": {
          "properties": {
            "background": {
              "description": "Optional second color for a WCAG contrast check.",
              "type": "string"
            },
            "color": {
              "description": "A color: \"#3498db\", \"rgb(52,152,219)\", or \"hsl(204,70%,53%)\".",
              "type": "string"
            },
            "darken": {
              "description": "Decrease lightness by this many percent (0-100).",
              "type": "number"
            },
            "lighten": {
              "description": "Increase lightness by this many percent (0-100).",
              "type": "number"
            },
            "mix": {
              "description": "Blend the color toward this one.",
              "type": "string"
            },
            "weight": {
              "default": 0.5,
              "description": "Mix weight toward \"mix\".",
              "maximum": 1,
              "minimum": 0,
              "type": "number"
            }
          },
          "required": [
            "color"
          ],
          "type": "object"
        },
        "bodyType": {
          "enum": [
            "json"
          ],
          "type": "string"
        },
        "method": {
          "enum": [
            "POST"
          ],
          "type": "string"
        },
        "type": {
          "const": "http",
          "type": "string"
        }
      },
      "type": "object"
    },
    "output": {
      "properties": {
        "adjusted": {
          "description": "Present when lighten/darken is given.",
          "type": "string"
        },
        "contrast": {
          "description": "Present when \"background\" is given.",
          "type": "object"
        },
        "hex": {
          "type": "string"
        },
        "hsl": {
          "type": "object"
        },
        "luminance": {
          "type": "number"
        },
        "mixed": {
          "description": "Present when \"mix\" is given.",
          "type": "string"
        },
        "rgb": {
          "type": "object"
        }
      },
      "type": "object"
    }
  },
  "required": [
    "input"
  ],
  "type": "object"
}