Docs · Updated 2026-09-29

Design Toolkit — tool reference

Colour contrast, hex conversion, px↔rem and social crop sizes.

Server URL: https://toolcargo.com/mcp/design-kit · Scope: connector:design-kit · Included with Site Audit. Not counted.

Older single-tool endpoints (for example /mcp/color-contrast) stay live for existing keys. Prefer this server so the assistant sees every tool in one place.

check_contrast

WCAG 2 contrast ratio between two hex colours, with AA and AAA for normal and large text.

convert_color

#hex or rgb() to hex, RGB and HSL. For contrast, use Colour contrast.

adjust_color

Shift HSL lightness of a #hex colour. Positive lightens. For contrast use Colour contrast.

convert_px_rem

Convert pixels and rem at a root font size (default 16).

list_social_sizes

Pixel sizes for Instagram, Stories, YouTube, LinkedIn, Open Graph and X. Optional closest-match for a width×height.