Developer utilities: color conversion, WCAG contrast, timestamps, UUIDs, and hashing.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Computes the exact WCAG 2.1 contrast ratio between a foreground and background color (relative-luminance formula) and reports AA/AAA pass-fail for normal text (4.5 / 7), large text (3 / 4.5), and UI components (3).
Background color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500).
Foreground (text) color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500).
Computes the exact WCAG 2.1 contrast ratio between a foreground and background color (relative-luminance formula) and reports AA/AAA pass-fail for normal text (4.5 / 7), large text (3 / 4.5), and UI components (3).
| Argument | Type | Description |
|---|---|---|
| background* | string | Background color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500). |
| foreground* | string | Foreground (text) color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500). |
{
"type": "object",
"required": [
"foreground",
"background"
],
"properties": {
"background": {
"type": "string",
"description": "Background color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500)."
},
"foreground": {
"type": "string",
"description": "Foreground (text) color. Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500)."
}
}
}Converts a color into code for 12 formats: HEX, HEX8, rgba(), hsla(), closest CSS named color, closest Tailwind class, SwiftUI Color, UIColor, Jetpack Compose, Android XML, Flutter, and React Native. Applies each platform's alpha byte order (RRGGBBAA on the web, AARRGGBB on Android/Compose/Flutter).
| Argument | Type | Description |
|---|---|---|
| alpha | number | Opacity 0–1. Overrides any alpha embedded in the color input. Defaults to the input's alpha, or 1. |
| color* | string | Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500). |
{
"type": "object",
"required": [
"color"
],
"properties": {
"alpha": {
"type": "number",
"maximum": 1,
"minimum": 0,
"description": "Opacity 0–1. Overrides any alpha embedded in the color input. Defaults to the input's alpha, or 1."
},
"color": {
"type": "string",
"description": "Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500)."
}
}
}Converts between Unix epoch timestamps and human-readable dates. Accepts epoch seconds / milliseconds / microseconds (auto-detected by magnitude), ISO 8601 / RFC 2822 strings, or "now". Returns seconds, millis, micros, ISO 8601 UTC, RFC 7231 UTC, the wall-clock time in a requested IANA timezone, and a relative description.
| Argument | Type | Description |
|---|---|---|
| input* | string | Epoch timestamp (e.g. "1735689600", "1735689600000"), ISO 8601 / RFC 2822 date string, or "now". |
| timezone | string | IANA timezone for the wall-clock output (e.g. "Asia/Seoul"). Default UTC. |
{
"type": "object",
"required": [
"input"
],
"properties": {
"input": {
"type": "string",
"description": "Epoch timestamp (e.g. \"1735689600\", \"1735689600000\"), ISO 8601 / RFC 2822 date string, or \"now\"."
},
"timezone": {
"type": "string",
"description": "IANA timezone for the wall-clock output (e.g. \"Asia/Seoul\"). Default UTC."
}
}
}Generates cryptographically random UUIDs: v4 (random), v7 (RFC 9562 time-ordered; batches stay strictly ordered), or NIL. Supports uppercase, hyphen-less, and braced formatting. 1–100 per call.
| Argument | Type | Description |
|---|---|---|
| count | integer | How many UUIDs to generate (1–100). Default 1. |
| braces | boolean | Wrap in braces. Default false. |
| hyphens | boolean | Keep hyphens. Default true. |
| version | string | UUID version. Default v4. |
| uppercase | boolean | Uppercase output. Default false. |
{
"type": "object",
"properties": {
"count": {
"type": "integer",
"maximum": 100,
"minimum": 1,
"description": "How many UUIDs to generate (1–100). Default 1."
},
"braces": {
"type": "boolean",
"description": "Wrap in braces. Default false."
},
"hyphens": {
"type": "boolean",
"description": "Keep hyphens. Default true."
},
"version": {
"enum": [
"v4",
"v7",
"nil"
],
"type": "string",
"description": "UUID version. Default v4."
},
"uppercase": {
"type": "boolean",
"description": "Uppercase output. Default false."
}
}
}Computes MD5, SHA-1, SHA-256, SHA-384, and SHA-512 digests of a UTF-8 string, or HMAC variants when a key is given (HMAC-MD5 unsupported). Stateless; input is not stored.
| Argument | Type | Description |
|---|---|---|
| text* | string | Text to hash (UTF-8). |
| hmac_key | string | Optional HMAC key. When set, outputs are HMAC digests. |
{
"type": "object",
"required": [
"text"
],
"properties": {
"text": {
"type": "string",
"description": "Text to hash (UTF-8)."
},
"hmac_key": {
"type": "string",
"description": "Optional HMAC key. When set, outputs are HMAC digests."
}
}
}Generates every SwiftUI Color initializer for a color: Color(red:green:blue:), opacity variant, Color(.sRGB), Color(.displayP3), HSB, hex-extension call, #colorLiteral, UIColor/NSColor bridges — plus a reusable `extension Color` snippet and Asset Catalog Contents.json.
| Argument | Type | Description |
|---|---|---|
| name | string | Optional swatch name for the `extension Color` snippet (e.g. "Brand Primary" → `Color.brandPrimary`). |
| alpha | number | Opacity 0–1. Defaults to the input's alpha, or 1. |
| color* | string | Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500). |
{
"type": "object",
"required": [
"color"
],
"properties": {
"name": {
"type": "string",
"description": "Optional swatch name for the `extension Color` snippet (e.g. \"Brand Primary\" → `Color.brandPrimary`)."
},
"alpha": {
"type": "number",
"maximum": 1,
"minimum": 0,
"description": "Opacity 0–1. Defaults to the input's alpha, or 1."
},
"color": {
"type": "string",
"description": "Color in any supported notation: hex (#F43, #FF6347, #FF6347CC), rgb()/rgba(), hsl()/hsla(), a CSS named color (tomato), or a Tailwind token (red-500)."
}
}
}